Trying to build a desktop version

[Darren_Murphy]

@Michelle_Pointer1

Is there a way to control the visibility of a layout based on the type of device? I’d like to show data in a more table like format to my desktop users.

Assuming that you are on a paid plan, you can use CSS for this. This is what I use:

@media only screen and (min-width: 640px) {
  .mobile { display: none; }
}
@media only screen and (max-width: 640px) {
  .desktop { display: none; }
}

When using the above, it’s a good idea to group your components in containers, and then apply the CSS class to the container, rather than individual components.

@Michelle_Pointer1

Is there a way to get components to stack side by side on desktop vs just on top of one another (i’m guessing this answer is no, but it’s definitely a question that keeps me from thinking this is going to be the end all be all option for my business). I’m looking for something like this layout…

I’m guessing that you are either not using containers, or not using them properly.
Anyway, the answer to your question is yes. Containers can be configured in several ways in terms of number of columns. For example, if you want 4 components side by side, all you have to do is use a 4 column container.