The last couple weeks we went over Responsive Design. We learned how to work with media queries and design for mobile up to desktop screen sizes.
A challenge I had with doing the responsive designs these last couple weeks was first: designing for mobile to start. I know this is generally best practice, but in my last job, we never did that for some reason. I never had too many issues of sizing things down to mobile when I did set up the responsiveness, but I can see the benefit of going mobile first. In fact, once we moved on to sizing things for bigger screen, it was pretty seamless to set those styles and get everything working.
Second: my second challenge was remembering how to do media queries. I had learned how to use breakpoints using a CSS framework called, Tailwind. I got used to using those shortcuts and had forgotten how to do breakpoints the regular way. After a few Google searches, I was back on track however.
Overall, I think I still need some work on how to get things responsive in a cleaner way. But, I’m still happy that I’m getting things to do what I need them to do, in my own way. Ready for the next challenges!