DEV Community

Leo
Leo

Posted on

Hi everyone, I've just wrapped up my first static page and couldn't wait to share it! πŸ‘‹

This was my first real project using CSS Flexbox, and I learned a ton. πŸ’» I hit a snag trying to center the hero image; the fixed header kept covering the top portion of it. After a bit of digging, I figured out that offsetting the section with a margin-top was the solution. It felt great to solve that puzzle! πŸ’‘

Next up, I'll be tackling mobile responsiveness. But for now, I'm really happy to have this project in my portfolio. ✨

If you have a moment to look, I'd love to get your feedback on how I can write cleaner code or improve the page in general. Any advice is welcome! πŸ‘‡

Thanks so much! 😊

GitHub Repo - https://github.com/leocoding0326/tea-cozy-landing-page.git

Live Demo

Top comments (2)

Collapse
 
anchildress1 profile image
Ashley Childress

Hey there! Glad to see you diving in head first β€” if you want to learn, that's really the only way to do it πŸ˜€ The page looks great + the added animation you posted really shows it off nicely.

One piece of advice? You're already doing it a little bit, but all those READMEs? Use that as your journal of-sorts. Not just what it is, but what you hope to learn from it, and then when you're finished, follow up and add challenges you faced and how you solved them. That adds even more meaning behind what you already have and Future You will thank you for it!

Keep up the great work and reach out if you ever need help with anything.

Collapse
 
aquascript-team profile image
AquaScript Team

Wow πŸŽ‰, Amazing, Keep Going,