CSS Grid, Flexbox, SASS (BEM)

Happy to have completed another challenge :)

Takeaways:

• I further learned how to position elements with CSS grid, as I mainly used grid-areas, which is tricky for this challenge.

• Again realized how important it is to plan the entire project from the beginning, even down to the smallest detail. I spent unnecessary time rearranging code, because of a lack of attention to detail before I started coding.

Questions to the community:

• If there are ways to structure the code more efficiently, I would appreciate if you let me know.

• Do you code all mixins (SASS) before starting to code the layout or do you create them on the go?

• What do you think is a better approach?: Coding the entire HTML markup and then move to styling or starting to code parts of the HTML (starting with the header, for example), styling it and moving on to the next section?

Thank you and have a great weekend! Happy coding :)

Patrick