This is a solution to the 3-column preview card component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout depending on their device's screen size
- See hover states for interactive elements
- Solution URL: Checkout Repository.
- Live Site URL: Visit Live.
- Blog Post URL: Read Blog.
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Responsive design
- Desktop-first workflow
I learned how to create a responsive design using CSS Grid and Flexbox. I learn about pseudo-elements and pseudo-classes in CSS. I also learned how to use media queries to make my design responsive. I also learned about pseudo properties like :hover, :active, etc in CSS and use them in this project.
I will continue to focus on improving my CSS skills. I will also focus on improving my responsive design skills. I will also focus on improving my CSS Grid and Flexbox skills.
- Resource 01 - This is an amazing articles which helped me finally understand HTML.
- Resource 02 - This is an amazing articles which helped me finally understand CSS.
I'd recommend to everyone to checkout these amazing official HTML & CSS resources.
- Website - Portfolio
- Frontend Mentor - @beRajeevKumar
- Twitter - @be_rajeevkumar
I would like to thank Frontend Mentor for providing such an amazing platform to practice my coding skills. I would also like to thank the community for providing feedback on my projects and helping me improve my coding skills.