CSS Project for Beginners: Modern Website Design Tutorial

Learn how to make a website from scratch with CSS and HTML in this beginner web design tutorial.

✏️ LESSONS ✏️

1: Easy Web Design Tutorial With Figma – youtube.com/watch?v=88-XCq0Tezg

2: How to Design a Website Using HTML – youtube.com/watch?v=SFpF8fCymys

3: CSS Project for Beginners: Modern Website Design Tutorial – youtube.com/watch?v=rl90OmoSPZ0

⏰ TIMESTAMPS ⏰

Google Fonts: 0:49

CSS Variables: 1:48

Resets, HTML, and Body Styles: 5:44

CSS Grid: 9:31

Header and Navbar: 13:05

Info Section: 18:34

Features Section: 21:56

Responsive Design and Media Queries: 29:26

CSS Prefixes: 35:19

CSS Minify: 38:16

👀 LIVE DEMO 👀

i2gi8.csb.app/

🗂 DOWNLOADS 🗂

gum.co/XashB

🔗 HELPFUL RESOURCES 🔗

Google Fonts: fonts.google.com/

Visual Studio Code: code.visualstudio.com/

Visual Studio Code Theme: marketplace.visualstudio.com/items?itemName=Equ…

Live Server: marketplace.visualstudio.com/items?itemName=rit…

Convert Pixels to REM: ninjaunits.com/converters/pixels/pixels-rem/

Hamburger Navbar Tutorial: youtube.com/watch?v=WxQZsN6LICM

CSS Autoprefixer: autoprefixer.github.io/

CSS Minifier: minifier.org/

👋 FOLLOW US 👋

Instagram: instagram.com/skillthrive/

Facebook: facebook.com/skillthrive/

#CSS #WebDesign #LearnToCode