Frontend Mentor - Social proof section
This is a solution to the Social proof section 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: proof - GITHUB
- Live Site URL: proof - LIVE
- Evaluate the design
- Look through the design with the design to out some measurement with Adobe Photoshop
- Decide on where to use flexbox or grid (I choose flexbox)
- Wrtie my first line of HTML and add Favicon
- Arrange my SASS, link my css to my html and test if my SASS is working well
- Add all variable style and reset style
- start coding the webpage
- check for responsiveness
- write README
- Semantic HTML5 markup
- BEM METHODOLOGY
- CSS (SASS)
- Flexbox
- CSS GRID
- Responsive Design
- This project was really interesting, I learned how to use grid column
-
Keep improving my css skills and also my JavaScript skills.
-
Code more often
- Frontend Mentor - @Samjolas