Why is my image outside the container? Why does my text look like that? Why is that section up there and that other section way down there? These are all questions that popped up in my head several times with this week’s lessons!
Hello Everyone!! We are more than halfway through our semester here which is surreal! I feel with these assignments we’ve had lately, especially our projects with the Sacramento Writer’s Group and the Zen Music Festival sites, I have grasped a better hold on responsive design.
These challenges lately have really made me learn to concrete my knowledge on responsive design. I’m getting to know more and more about how CSS positioning works and now am pretty comfortable with flexbox! Grids are not so scary anymore as they were at first to me which makes me really content. I tend to find myself feeling pretty “smart” or rather accomplished whenever I got a piece of CSS code “right” or got it to look like how it was supposed to look haha!
I would say the most challenging or brain-scratching bits so far with responsive design would be learning how “mobile design first” differs from “desktop design first or larger viewports”. I found myself designing for mobile first with our recent projects, which ended up contradicting my media queries since they were doing the same thing originally. I also have had my fair share of issues with that ticket positioning in the Zen Music Festival site.
Overall, I’m glad to say I’ve been learning a lot and am finally getting more comfortable with CSS layout tools! :))))