DEV Community

Cover image for Build a Responsive Website Using HTML and CSS in 30 minutes
Thu Nghiem
Thu Nghiem

Posted on • Edited on

20 3

Build a Responsive Website Using HTML and CSS in 30 minutes

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.

Alt Text

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

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Top comments (0)

nextjs tutorial video

Youtube Tutorial Series 📺

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series