I completed the Tea Cozy project, and I would love to get your thoughts. This was an exercise in HTML/CSS, especially the use of Flex Boxes.
My solution is available at: https://github.com/louispace2/louispace2.github.io/tree/main/TeaCozy
The website can be viewed at: https://louispace2.github.io/TeaCozy/
I do have a couple of questions that I’m hoping someone can answer:
-
The links move the page so that the requested section is at the very top of the page, underneath the header. Is there a way to configure the links so that the requested section is positioned 70px below the top of the page to keep room for the header?
-
The Featured Tea section is supposed to be 1000px wide. However, to position the individual tea divs correctly, I had to give them a 25px margin and then make the section 1050px wide. Using justify-content: space-between aligns the top three divs correctly, but pushes the bottom two to the very sides, leaving a huge gap in the middle. Using justify-content: center leaves no room between the divs. My way works, but it seems “hackish”. Is there a better way?
Thank you very much for any help or feedback!
–
Louis Pace