Base Apparel coming soon page built with HTML | CSS | REACT - MikDra1
Design comparison
Solution retrospective
๐ป Hello, Frontend Mentor Community,
This is my solution for the Base Apparel coming soon page.
- Scored 97.25% on Google Pagespeed Insights! ๐
- Solution with 100% W3C validation accuracy ๐
- Toggle works when you change the viewport size even when you have the toggle opened ๐ซ
- Custom animation when opening the toggle with the social icons โญ
๐ ๏ธ Built with:
- HTML โจ
- CSS ๐จ
- JavaScript ๐งพ
- React โ๏ธ
- Vite.js ๐ก
-
Fully responsive design crafted with a mobile-first approach ๐ฒ
-
Enjoyed every moment coding this! ๐
-
Feedback is always welcomeโletโs grow together! ๐ฑ
-
Completed 18 out of 19 Newbie Challenges so farโkeeping up the momentum! ๐ฅ
-
๐จโ๐ป Join me on my coding journey as I tackle advanced challenges and add innovative touches to every project.
-
As I am starting my journey with React I'm really looking forward to hearing your thoughts and suggestions! ๐ก
Community feedback
- @bccpadgePosted about 2 months ago
Hello @MikDra1. Congratulations on completing this challenge!!!๐
Your project looks fantastic and keep up the great work.
The only suggestion I have is to change the
height
in the media query below tomin-height: 100dvh
because the image can take the dynamic viewpoint height.More info๐:
@media (min-width: 62.5em) { ._hero_585p9_1 > img { height: 100vh; object-fit: cover; } }
I hope you find this useful and don't hesitate to reach out if you have any questions
Marked as helpful0 - @GrandWiziPosted about 2 months ago
nice work, but i can't see the full page on my laptop, if you change the overflow property to "scroll" or "auto" the problem most likely will be fixed
1
Please log in to post a comment
Log in with GitHubJoin 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