Submitted over 3 years agoA solution to the Creative agency single-page site challenge
Creative agency single page, React - Swiper -Styled Components
react, styled-components
@DavidMorgade

Solution retrospective
Hello and welcome to my Creative agency, single page solution
Extra Features:
- Sticky Navbar for easier navigation.
- Smooth navigation clicking the links from the navbar
- Custom Swiper.js Slider.
- Personal changes on hover, image sizes, buttons sizes
Breakpoints:
- Mobile: 375px - 768px
- Tablet: 768px - 1440px
- Desktop: 1440px+
Things that I learnt:
- CSS Mask
- Improved a lot on pseudoelements (thanks to kevin powel vids)
- More components, and more reusable components
Built with:
- React
- Styled Components
- Swiper.js
Question to the community:
Sticky navbar, do you think is a good idea? Thoughts on navbar size when navigating on the page?
Hope you like it!, any feedback would be appreciate, I would apply all the changes that you suggest me here!
Code
Loading...
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on David'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