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
I started with the HTML markup, add stylesheet to it and then design it for the mobile screen first. when the mobile screen completed i design it for desktops.
- Semantic HTML5 markup
- Flexbox
- Mobile-first workflow
With this design i learned mobile first approch websites. learned about the css flexbox.
i used flexbox in this project, there is still alot to learn about flexbox, i will use it it in the upcomming projects as well.
- Website - Haris Shah
- Frontend Mentor - [@hariscs(https://www.frontendmentor.io/profile/hariscs)
- Twitter - @_haris_shah