These past few weeks, I completed my Midterm design. It took me a long time but I’m really proud of how it turned out. After that, I learned that writing CSS from scratch to copy a design is really hard. In comparison, responsive design isn’t that bad.
After following the Audiospace directions, I felt like I understood everything more or less, but I didn’t have any idea how much I actually knew until I attempted the CSS challenges. It turns out I didn’t actually understand it a whole lot, but it was good to try so I could know what I didn’t know. I was surprised how simple the solutions ended up being, as well as making them responsive. I’m curious how similar those assignments were to the work that a web developer does. When I make a design in Figma, is that what would get sent to a web developer, who would have to match everything up in CSS?
My other accomplishment this week was adding some cool features to my portal page: preview images for each assignment and responsive flex, changing from two to one column when the page shrinks to mobile view. I also changed the CSS around to be mobile-first. I think it could still use a bit of tweaking, and I wonder how difficult it would be to have the assignment previews generate automatically based on the link. Probably really difficult.
Intrigued to learn about SASS this week, I’ve seen that acronym thrown around on Codecademy and probably r/programmerhumor, but I really have no clue what it is. Time to find out!