All solutions

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

• I'm happy with how responsive I was able to get the site to be
• I got to practice using javascript proxies. Even though they weren't really necessary for this project, it was nice to see that I could create reactive variables using just vanilla javascript.

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

• I would like any advice on writing semantic html
• any other general advice for responsive design

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

Can you help me point out where I'm not using semantic HTML properly? Thanks

• what are some best practices for using BEM css convention. I'm new to BEM
• In the live site, there's a scrollbar on the x-axis of my page (atleast, on a chrome browser). I don't want to do a overflow-x: hidden on the html body as that hides the padding on the right side of the page completely. I'm not sure how to remove that overflow.

Hi guys! it's been a long time since my last project submission, but I'm back with another project. My question is concerning animation. What's the optimal amount of animations for a site like this such that it doesn't become too much? How do I know when to use animation and when not to use animation for a specific element on the page? Thanks!!!

• Is it best practice to always structure a HTML page using the <header>, <main>, <footer> tags regardless of what will go in the page?
• Any general recommendations for making the HTML I wrote more semantic?
• I always feel like every tiny element in my page should become it's own React component so I can reuse it. When do you think this becomes a waste of time?
• Is there a best practice way of deciding what should become a CSS variable?
• What are your thoughts on using "derived variables", something like below. Is it best practice?

:root{
    --fs-regular: 1rem;
    --fs-medium: calc(var(--fs-regular) * 1.2);
}