Frontend Mentor | Product preview card component - The name "cruise_ride" is a name I decided to frictional name it because of it content
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: Cruise Ride - GITHUB
- Live Site URL: Add live site URL here
- 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)
- CSS GRID
- Responsive Design
- I got a clear insight to grid, grid is more like blok positing and flexbox is based on the content and not the div (box)
-
Keep improving my css skills and also my JavaScript skills.
-
Code more often
- Frontend Mentor - @Samjolas