Mobile-first solution using HTML and CSS

Solution retrospective
This was my first ever project, so I learned a lot—from setting up a GitHub repository to writing clean HTML and CSS. I practiced how to build and style a simple but elegant web page, and I became more comfortable using Flexbox/Grid to align elements properly.
It was also a good opportunity to learn how to structure a single-page layout and make decisions about typography, spacing, and colors to match the product (a perfume). I also explored how to add basic responsiveness so the page looks good on mobile too.
What challenges did you encounter, and how did you overcome them?Since it was my first project, everything felt a bit new and unfamiliar. One challenge was figuring out how to align content exactly the way I wanted, especially across different screen sizes.
Another challenge was choosing fonts and images that would visually represent the elegance and style of a perfume. I spent time trying to make it look minimal but still eye-catching.
What specific areas of your project would you like help with?Looking for feedback on...
Because I'm just starting out, I’d really appreciate any feedback on:
Layout and design: Does the page feel clean and visually appealing?
Code structure: Is my HTML and CSS organized in a readable way?
Responsiveness: How does it look on smaller screens or other devices?
Overall user experience: Anything that feels off or could be improved?
Any tips or suggestions would mean a lot as I continue learning and building better projects!
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on GH0STZILLA's solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord