These past weeks have really drilled in how to build responsive websites. Then we learned why it is so important to start with mobile.
The Zen Music and Sac Writers websites were a fun ways to challenge ourselves. Each website had its own intricacies to force us to think creatively. This taught me to think one section at a time and to be specific with my tags as well as stay organized.
Each section felt like a puzzle, figuring out piece by piece which strategies and rules to apply to get each section to move and do what I wanted. I remember on the SacWriters page, I ended up with a grid inside a grid inside a grid while also using the “last-of-child” rule and it finally worked. I don’t think I’ve ever used a child selector pseudo-class in CSS before. I felt so accomplished, and certain there could have been a simpler way to get there. Or I could have edited the HTML.
Then came our Portal Page redesign. Taking a website initially designed for mobile and converting it into a mobile responsive website was its own challenge.
Media Queries are a very useful tool. I initially thought adding them in was going to be challenging but I have been surprised at how little we have to add to make the website work the way we want. Although I am sure it will not always be that way.