• We are STAs
    • Daniela Caballero
    • Leilani Cabello
    • Lorena Chiles
    • Marissa Devivar
    • Luisa Matzner
    • De’sha Bass-McClellan
    • Adrian McKee
    • Thang Truong
    • Carrie Wang
  • We were STAs
  • STA Presentation
    • STA Presentation 2017
    • STA Presentation 2016
  • Testimonials
  • Resources
  • Home

STA Blog

Persian Layout

November 26, 2018 By Nick Lavigne

Persian Layout

 

One of the biggest improvements I’ve made to the Persian site is to the layout. The first thing I did was add an @media css rule to change the number of columns based on the screen width. That looks like this in the CSS: 

basically when the screen gets to width 800px we go from 2 columns to 1 column so that things aren’t squished together.

This is how that looks in the real world:

Filed Under: 2018 Fall - 2019 Spring, We are STAs

link to LAITS home page

Video STA Home

© 2023 Liberal Arts Instructional Technology Services | Production Credits