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: Add solution URL here
- Live Site URL: ecodolphin.github.io/stats-preview-card-component/
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
- Height in % - bad idea
- Add components one by one (or group by group)
- Modern web design - it's all about responsibility and adoptiveness, Grids/Flexboxes are essentials though
- Mobile first
- In some strange way sometimes font-size affects on total size of an element, even if it's no text within it, at least when rendering with Firefox
- Save untracked files before repo relocation...
- HTML/CSS basics
- Responsive Web Design
- The Principles of Adaptive Design - great article about responsive web design, gives you a wider point of view at the topic
- Frontend Mentor - ecodolphin
- Frontend Mentor team for the wonderful platform to practice frontend web development skills
- World Wide Web communities for reach amounts of high quality information sources