
Submitted over 2 years ago
Creative agency single page, React - Swiper -Styled Components
#react#styled-components
@DavidMorgade
Design comparison
SolutionDesign
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!
Community feedback
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