Meet landing page using SASS

What are you most proud of, and what would you do differently next time?

I used SASS this time to see if I could make my CSS more organised. I definitely think it helped, although I'm not quite sure whether I split my CSS properly across the layout and component files. That is, sometimes I was unsure whether something belonged in layout or component. I used a mix of CSS grid and flexbox. Initially I considered just using grid for everything. But then I thought maybe I could use flexbox as a way to indicate "This part of the layout is simple", whereas with grid things can get a bit more complicated. Of course if I later decide I need grid instead of flexbox I can just change it.

What challenges did you encounter, and how did you overcome them?

The main challenge was trying to get the pictures to appear at the edge of the screen like in the mockup. I also realised that I was better of using width: 100% for the individual images instead of hard coding a width and height. I probably should have set a max-width: 100% now that I think about it.

I just tried a bunch of different stuff and found something that looked alright. I thought it would be complicated making it responsive, but grid just makes responsiveness so convenient. Also, in the media queries things just kinda fell into place.

What specific areas of your project would you like help with?

I'd like help with the overall organisation of the CSS. Also, I'm wondering if the use of the translate transform is okay for the images in the header, or of there is an alternative approach that may work better.