I ended up not being able to code yesterday. Thankfully, the rules for 100 Days of Code allow a one day break if you’re unable to do so but I made sure to drop back in today. My focus today was responsiveness – specifically changing the navbar and the links included. I also worked on the text color and placement of the sections as I noticed it wasn’t easy to read. One great resource I’ve used in the past as well as for tonight’s session was HTML Color Codes, which helped me find some different hex values to test. Another helpful resource to help me get on the right track was Pawan Sahu’s “How to Build a Responsive Bootstrap Website?” and the Stack Overflow post “css – Multiple media queries for different screen sizes“.

As someone who struggled with applying new concepts, it was thrilling to see the changes take effect for once. It looks like I may be mastering a new concept I previously couldn’t wrap my head around.

A final word of caution to beginners which I’m not sure has been discussed before. Don’t put other CSS attributes for your default CSS below @media – this applies the latter to your default CSS!

Photo by StockSnap on Pixabay.