Design comparison
Solution retrospective
What are you most proud of, and what would you do differently next time?
Completing this challenge here are the breakdown: Responsive Design: Using Bootstrap's grid system, the layout adapts to different screen sizes. On desktop, it displays four cards in a row, while on mobile, it stacks them vertically. Styling: Custom CSS is used to achieve the neumorphic design style, with soft shadows and a clean, modern look. Animations: The Animate.css library is incorporated to add fade-in animations to the feature cards as they enter the viewport. Icons: SVGs are used as placeholders for icons. Color Scheme: A color scheme is defined using CSS variables, making it easy to adjust and maintain. Footer: A simple footer is added with some basic information and styling. Hover Effects: The feature cards have a subtle hover effect, lifting slightly and increasing the shadow for a more interactive feel.
What challenges did you encounter, and how did you overcome them?
Nah
What specific areas of your project would you like help with?
I am open to learning
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