Build a Responsive Website Using HTML and CSS in 30 minutes

#tutorial #webdev #beginners

In this video, I will show you how to create a responsive website using HTML and CSS. We will use Grid, Flex, Google Font, Font Awesome,... This tutorial is suitable for people who are starting with HTML and CSS.

We are going to create this website and you will be provided with the resources and design.

🚀 Download the resources and design:
Download starter: https://bit.ly/2Ifvxh8
Design: https://bit.ly/2GVUJbV

🏝 Source code: You have to create yourself

📝 Text Editor: VS code

🧑‍💻 BEM naming convention - I created my own, you can follow me or read more here

Words within the names of BEM entities are separated by a hyphen (-).
The element name is separated from the block name by a double hyphen (--).
Boolean modifiers are separated from the name of the block or element by a double underscore (__).

⛑ Other tools that I use

For other resources, check out devchallenges.io

Follow me:

🐦 Thu Nghiem Twitter

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (0)

The Most Contextual AI Development Assistant

Our centralized storage agent works on-device, unifying various developer tools to proactively capture and enrich useful materials, streamline collaboration, and solve complex problems through a contextual understanding of your unique workflow.

👥 Ideal for solo developers, teams, and cross-company projects