Frontend Mentor | Prasanna's profile

@Networksentinel

Submitted about 1 month ago

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

I am quite proud of the way I structure my CSS files and how I use custom properties (variables).
Next time I would definitely stay longer on each section before going to another - to prevent constant jumping between them, which can confuse me sometimes.

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

Centering <main> vertically but having <footer> still on the bottom of the page was somehow difficult since I used display:flex; on <body> (their parent).
justify-content: space-between; put <footer> on the bottom of the page but <main> on top, which made it hard to center vertically.
The solution was to use flex:1; on <main> - which made it take up all the available space and made align-items: center; take effect.

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

Does anyone know any better/more effective way of centering <main>in the situation I described in the section above?

Prasanna