Do It Yourself – Tutorials – Build A Responsive Website With HTML & CSS Tutorial

by | Aug 6, 2021 | 0 comments

Do It Yourself – Tutorials – Build A Responsive Website With HTML & CSS Tutorial

by | Aug 6, 2021 | Do It Yourself - Build Your Own Website | 0 comments

Do It Yourself – Website Tutorials



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…

source

[newsletter_form]
<div class="tnp tnp-subscription"> <form method="post" action="https://www.dienodigital.com/?na=s"> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-1">First name or full name</label> <input class="tnp-name" type="text" name="nn" id="tnp-1" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-2">Email</label> <input class="tnp-email" type="email" name="ne" id="tnp-2" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>