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.
The challenge was to build a responsive landing page for a Stats Review company and enable users view the optimal layout depending on their device's screen size
- Solution URL: (https://github.com/aneneemmanuel/Landing-Page-HTML-and-CSS.git)
- Live Site URL: (https://aneneemmanuel.github.io/Landing-Page-HTML-and-CSS/)
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
I learnt a couple of new properties working on this challenge like adding background blend modes in CSS, styling the page to responsive, how to to use CSS properties more effectively. I also had a few problems working on the challenge, but the Frontend Mentor Slack Community was able to help me get through it.
https://www.byol.com - Their web design course helped build my understanding of HTML and CSS. I highly recommend to anyone getting started in web design.
I would like to thank the Frontend Mentor Slack community for helping through the challenge. I remember getting started on the challenge and thinking it would be really easy to work on, but it was a bit more challenging than I thought. But I'm really happy I was able to complete the project because it definitely helped me build my knowledge of HTML and CSS.