This is a solution to the Stats preview card component
Users should be able to:
- Develop a card component for a website.
- View the optimal layout depending on their device's screen size
- Live Site URL: Click
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS GRID Layout
- Media queries
Working with images in a way that they are responsive has been a challenge since i start. I tried my best to make the component more responsible i could, but i think that's plenty room for improvment. My aproach was mobile-first and i think in that cenario a suceed.
From now own my main goal is to continue improve my CSS and HTML skill and now i'm learning JS, integrate it to my works.
- Guide to Flex-box - This helped me a lot, because it's so visual. Anyone can understand display:flex with this guide.
- GRID cheatsheet - This sheet it's always useful for remeber the properties of display:grid
- Github - mvergara94
- Frontend Mentor - @mvergara94
- Linkedin - Mário Vergara