Lab report
Goals of this exercise
- Make a website responsive
- Learn how to use media queries
- Create alternative lay-outs depending on screen size
Description
In this exercise, I learned how to make a website responsive. This is potentially useful for mobile visitors or visitors with a small screen. Additionally, it's a big step up from a 'fluid' lay-out where the items don't just rapidly jump, instead they scale and change smoothly.
Related links
Reflection
What went well?
- Using responsive units
- Designing the website mobile-first
- Using flex-wrap on my exercise cards
What was difficult?
- Nothing as I'm used to working with responsive lay-outs