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.
Here is my 5th Frontend Mentor project. A responsive preview card component with 3 columns.
Users should be able to:
- View the optimal layout depending on their device's screen size
- See hover states for interactive elements
- Solution URL: https://www.frontendmentor.io/solutions/responsive-preview-card-component-using-flexbox-B1ERGaufq
- Live Site URL: https://shamilussainc.github.io/3-Column-Preview-Card-Component/
- First developed html body structure
- Started building with mobile first approach
- Used Sass to create css file
- Used flexbox and media query for responsive layout.
- Implemented hover states
- Semantic HTML5 markup
- CSS custom properties
- SASS/SCSS
- Flexbox
- Mobile-first workflow
- Linkedin - Shamil ussain c
- Frontend Mentor - @shamilussainc
- Twitter - @c_ussain