Columns that look good on PC and smartphone

  • Hi, I need to set up 3 columns for 3 graphics. When it shows on the computer screen they should line up side by side. But when it’s viewed on a smart phone, they should stack one on top of the other – or else they will be too small.

    Any ideas on how to do this?

    Thanks!
    Phil
    https://www.safehavenvillage.org

Viewing 2 replies - 1 through 2 (of 2 total)

  • Use a mobile CSS that forces the columns to line up the way you want when the page is viewed with a mobile device. The columns could be divs with a float:left. As the screen width gets smaller, the div furthest to the right will wrap under the others.

    Thread Starter pmonk316

    (@pmonk316)

    Thank you Lorax,
    Can you point me in the direction for how to trigger a new CSS for a mobile device? The plugins I’ve used before gave a weird looking interface on mobile devices.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Columns that look good on PC and smartphone’ is closed to new replies.