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: Add live site URL here
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
- Concerning the HTML part, i fill confident about my DOM. I fill like i'm making less mistakes and from now i always try to test the HTML before and while doing the CSS-part
- Concerning CSS, i found out that a block can contain a background-image and a background-content and how to exclude the footer from the challenge so that screen users can more focus on my challenge and not on the footer
- It's important to set the position of a container to relativ before setting the position of the item to absolute to keep the item inside the container
- responsive images
- Website - Christ Touga
- Frontend Mentor - @Christ-Kevin
- Twitter - @WatatK