How to Build a Responsive Stats preview card component | Frontend Mentor

Опубликовано: 01 Май 2026
на канале: Dev Lawrence
290
18

Hey guys, In this video you are going to learn the basics of how flexbox works and we are also going to build this project beginner project from frontend mentor practice what we’ve learnt.

Source Code:
https://github.com/dev-lawrence/stats...

Frontendmentor challenge:
https://www.frontendmentor.io/challen...

Timestamps:
0:00 - Intro
1:07 - Overview of flexbox
4:07 - Setting up the files
10:51 - Writing the HTML code
18:48 - Styling the HTML code
33:29 - Adding responsivess and Explaining flexbox
50:29 - Outro


---
Website: http://devlawrence.netlify.app/
Blog: https://dev.to/devlawrence
Github: https://github.com/dev-lawrence

---
🌎 Follow me on social media
Twitter:   / lawrence_sticks  
LinkedIn:   / lawrence-amrasakpare  
Instagram:   / dev_lawrence1  

---
💼 Business Inquiries:
E-mail: [email protected]

#html #css #frontend #webdevelopment #javascript #CodingTips #howto #landingpage #herosection #design