Build A Responsive Website With HTML & CSS Tutorial

Share this & earn $10
Dev Ed
Published at : 22 Nov 2020
522762 views
19703
175

https://skl.sh/deved3 First 500 people to click the link will get 2 months of Skillshare for free!

Disclaimer : This video is sponsored by Skillshare

Check out my courses and become more creative!
https://developedbyed.com/

Microphones I Use
Audio-Technica AT2020 - https://geni.us/Re78 (Amazon)
Deity V-Mic D3 Pro - https://geni.us/y0HjQbz (Amazon)
BEHRINGER Audio Interface - https://geni.us/AcbCpd9 (Amazon)

Camera Gear
Fujifilm X-T3 - https://geni.us/7IM1 (Amazon)
Fujinon XF18-55mmF2.8-4 - https://geni.us/sztaN (Amazon)

PC Specs
Kingston SQ500S37/480G 480GB - https://geni.us/s7HWm (Amazon)
Gigabyte GeForce RTX 2070 - https://geni.us/uRw71gN (Amazon)
AMD Ryzen 7 2700X - https://geni.us/NaBSC (Amazon)
Corsair Vengeance LPX 16GB - https://geni.us/JDqK1KK (Amazon)
ASRock B450M PRO4 - https://geni.us/YAtI (Amazon)
DeepCool ATX Mid Tower - https://geni.us/U8xJY (Amazon)
Dell Ultrasharp U2718Q 27-Inch 4K - https://geni.us/kXHE (Amazon)
Dell Ultra Sharp LED-Lit Monitor 25 2k - https://geni.us/bilekX (Amazon)
Logitech G305 - https://geni.us/PIjyn (Amazon)
Logitech MX Keys Advanced - https://geni.us/YBsCVX0 (Amazon)

DISCLAIMERS:
I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.


In todays episode we are going back to the basics and learn how to build a responsive website with html and css from scratch.

We are going to take a look on how we can add css animations and work with flexbox to change up our media queries to make it work on mobile devices.

You can check out my laptop UI design if you are interested on how this website got designed and after you can follow this tutorial to build it out with html and css.

LINK FOR FILES : https://github.com/DevEdwin/laptop-ui

❤Become a patreon for exclusive videos and more!
https://www.patreon.com/dev_ed

🛴 Follow me on:

Twitter: https://twitter.com/deved94
Instagram: https://www.instagram.com/developedbyed/
Github: https://github.com/DevEdwin

🎵 Music:

Outro:
LAKEY INSPIRED - Me 2 (Feat. Julian Avila)
Music By: https://soundcloud.com/lakeyinspired

Intro:
Dj Quads
Track Name: "Every Morning"
Music By: Dj Quads @ https://soundcloud.com/aka-dj-quads

Creative Commons — Attribution-ShareAlike 3.0 Unported— CC BY-SA 3.0
http://creativecommons.org/licenses/b...
responsive websitehtml tutorialcss tutorial

Face to Face, Big Choice, Disconnected, Live Asbury NJ 5/13/17

Face to Face, Big Choice, Disconnected, Live Asbury NJ 5/13/17

Baby Bathtub Review - 4Moms Infant Tub!

Baby Bathtub Review - 4Moms Infant Tub!

The Bonds Of Those Who Have No Understanding Of Consequence

The Bonds Of Those Who Have No Understanding Of Consequence

What is a Focus Group Discussion?

What is a Focus Group Discussion?

ДИДЖЕЙ ПОНЕВОЛЕ ► There Is No Game Wrong Dimension #5 Прохождение

ДИДЖЕЙ ПОНЕВОЛЕ ► There Is No Game Wrong Dimension #5 Прохождение

Tate McRae - Stupid (Lyrics)

Tate McRae - Stupid (Lyrics)

Transform Your Life, Zeal Chakra, Binaural Beats, Meditation Music

Transform Your Life, Zeal Chakra, Binaural Beats, Meditation Music

how i take notes & essentials: math (+study with me)

how i take notes & essentials: math (+study with me)

Supermarket Price Wars

Supermarket Price Wars

Nigel Farage's dramatic final speech at the European Parliament ahead of the Brexit vote | LBC

Nigel Farage's dramatic final speech at the European Parliament ahead of the Brexit vote | LBC

We Stretched Our Splits Every Day for a Week

We Stretched Our Splits Every Day for a Week

Céline Dion - If That's What It Takes (Official Audio)

Céline Dion - If That's What It Takes (Official Audio)

When a certain quantity of Oxygen was Ozonised in a suitable apparatus, the volume decreased by 4ml.

When a certain quantity of Oxygen was Ozonised in a suitable apparatus, the volume decreased by 4ml.

Nutrients and Their Functions - You Are What You Eat: Crash Course #1

Nutrients and Their Functions - You Are What You Eat: Crash Course #1

The Gods Must Be Crazy 1980

The Gods Must Be Crazy 1980

North Korea vs United States (USA) - 2021 Military / Army Comparison

North Korea vs United States (USA) - 2021 Military / Army Comparison

One Day The Only Butterflies Left Will Be In Your Chest As You March Towards Your Death...

One Day The Only Butterflies Left Will Be In Your Chest As You March Towards Your Death...

Slakah - A Hundred and Forty One

Slakah - A Hundred and Forty One

Cos'è l'"Online Marketing? Cosa vuol dire fare "soldi online"?

Cos'è l'"Online Marketing? Cosa vuol dire fare "soldi online"?

much, many, a lot of - einfach erklärt | Einfach Englisch

much, many, a lot of - einfach erklärt | Einfach Englisch

The Beast TRICKED US By PRETENDING To Be AFK In Fee The Facility!(Roblox)

The Beast TRICKED US By PRETENDING To Be AFK In Fee The Facility!(Roblox)

How to cite a journal article in the APA style

How to cite a journal article in the APA style

English - PART 1: "Preparing a Dwelling Place" - The Trumpet’s Call

English - PART 1: "Preparing a Dwelling Place" - The Trumpet’s Call

On This Planet, the Floor Is Actually Lava | SciShow News

On This Planet, the Floor Is Actually Lava | SciShow News

Photograph - Ed Sheeran (Lyrics)

Photograph - Ed Sheeran (Lyrics)

Liberty Fabrics: The Liberty Printing Mill

Liberty Fabrics: The Liberty Printing Mill

How to Use Household Items For At Home Workouts: No Gym Equipment

How to Use Household Items For At Home Workouts: No Gym Equipment

Your Child's Endoscopy: What to Expect

Your Child's Endoscopy: What to Expect

엑셀 VBA 강의 이론 9편 (For Each In Next 순환문) 엑셀 vba 명령어-대직장인DNA

엑셀 VBA 강의 이론 9편 (For Each In Next 순환문) 엑셀 vba 명령어-대직장인DNA

Аудиокнига «Ключ к подсознанию» | Эзотерика [NikОsho]

Аудиокнига «Ключ к подсознанию» | Эзотерика [NikОsho]

Schmieds Puls - "You Will Always Have A Piece Of My Heart" | Wiener Festwochen 2018

Schmieds Puls - "You Will Always Have A Piece Of My Heart" | Wiener Festwochen 2018

Beginner Level – Make up and Jewellery | English For You

Beginner Level – Make up and Jewellery | English For You

Quavo ft. Offset "Stay Up" (Music Video)

Quavo ft. Offset "Stay Up" (Music Video)

WOMAN Ft. Brian May - I'm A Woman (Official Video)

WOMAN Ft. Brian May - I'm A Woman (Official Video)

Celine Dion - My Heart will go on - Titanic-Lyrics

Celine Dion - My Heart will go on - Titanic-Lyrics

Control Imaging Session and Shut Down - Using Scripts in APT

Control Imaging Session and Shut Down - Using Scripts in APT

Ararara | Mulshi Pattern | Pravin Tarde | Adarsh Shinde | Narendra Bhide | Pranit Kulkarni

Ararara | Mulshi Pattern | Pravin Tarde | Adarsh Shinde | Narendra Bhide | Pranit Kulkarni

28 ABSOLUTELY CRAZY HACKS AND CRAFTS TO SOLVE YOUR EVERYDAY PROBLEMS

28 ABSOLUTELY CRAZY HACKS AND CRAFTS TO SOLVE YOUR EVERYDAY PROBLEMS

22 VARIETIES OF ALOCASIA PLANT + ORNAMENTAL PLANT + Giant Alocasia   #alocasia #plantita #plantito

22 VARIETIES OF ALOCASIA PLANT + ORNAMENTAL PLANT + Giant Alocasia #alocasia #plantita #plantito

Practice Questions Walkthrough for the SAA-C02 - AWS Certified Solutions Architect Associate (1/5)

Practice Questions Walkthrough for the SAA-C02 - AWS Certified Solutions Architect Associate (1/5)

REDEMPTION - Indulge In Color (feat. Chris Poland) // Official Live Video // AFM Records

REDEMPTION - Indulge In Color (feat. Chris Poland) // Official Live Video // AFM Records

Surah Al-Imran recitation by Sheikh Mishary | The way of Jannah is Islam

Surah Al-Imran recitation by Sheikh Mishary | The way of Jannah is Islam

Make Someone Apologize ( LOA Subliminal)

Make Someone Apologize ( LOA Subliminal)

100 Kids Tell Us What They Want to Be When They Grow Up | 100 Kids | HiHo Kids

100 Kids Tell Us What They Want to Be When They Grow Up | 100 Kids | HiHo Kids

IT CAME UPON A MIDNIGHT CLEAR/ GO TELL IT ~ Sidney Mohede ft Barry Likumahuwa & Albert Fakdawer

IT CAME UPON A MIDNIGHT CLEAR/ GO TELL IT ~ Sidney Mohede ft Barry Likumahuwa & Albert Fakdawer

The Rau Difference—Specializing in Excellence Since 1912

The Rau Difference—Specializing in Excellence Since 1912

Dr. Fresch feat. Mina Knock - Feedback

Dr. Fresch feat. Mina Knock - Feedback

Enterprise  chased at high warp

Enterprise chased at high warp

Earth Views: Earth From Space Seen From The ISS

Earth Views: Earth From Space Seen From The ISS