This is a solution to the Stats 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
- Solution URL: Solution URL here
- Live Site URL: Live site URL here
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- BEM (Block, Element, Modifier) Method
What I learned from creating the project Stats preview card component is how to use BEM method for naming convention in HTML and CSS. This method is new to me so I still try to experiment how to use it and make it more understanding to read the syntax, but it's worth it to try something new 😁.
I want to continue this project to collaborate with my other projects in the future.
- Fonts - This helped me for choosing the font what i want.
- Frontend Mentor Resource - This is an amazing resource which helped me to working on frontend project.
- CSS Tricks - This is a website which gave me some tips to code CSS especially.
- W3 Schools - This helped me for understanding the syntax of some programming language.
- nekoCalc - This helped me to convert pixels(PX) to REM.
- BEM - This help me how to use method BEM for naming convention.
- Code by - Putu Rele Bhayu Sakti
- Frontend Mentor - @lere22