Build An HTML5 Website With A Responsive Layout

[@samdavepollard]

'"Sorry if you can hear my son shouting upstairs." I don't know how old that boy of yours is but hopefully one day he'll know just how much his father has helped so many of us. Super-useful vid. Many Thanks for sharing your knowledge and all the Best for the year ahead.

[@thesupergary8733]

Sam Dave Pollard you are cringey

[@iShredStreets]

Go cringe somewhere else. He's just thankful for the help Traversy Media is giving us.

[@neucetnt8410]

"you are cringey" - TheSuprGary That's one of the most ironic sentences i've ever read.

[@betteridentity]

""TheSuprGary" - NEUCE'TNT OK That's one of the most ironic sentences I've ever read.

[@epiphanmushahwar6671]

good intention but not very greatly executed...

[@lyna6559]

no one gonna mention how soft-spoken he is? so tender and soothing! loving it

[@miauw8762]

Yeah he doesn't only have great tutorials but he also has a friendly voice

[@tyrwinlanista3139]

yup, but it also makes me a bit sleepy.

[@Seekingtruth-mx3ur]

😂 @ so tender

[@ligmadick3401]

It sounds depressing ._.

[@amarpreetsingh5927]

I just came here to thank you Brad from the bottom of my heart. I remember doing this course 7 years ago after my parents separated and I had to provide for my family. Even in India you made me believe I can become a coder. Its been seven years and I'm a senior web dev with a successful firm of my own now. This video just showed up in my feed and made me emotional . Thanks a lot Brad lots of love and respect to you big brother. ❤

[@houstonfirefox]

I've been to dedicated videos on CSS but your style of development (HTML first, CSS second) as well as iterative approach (try it, see what happens) is a breath of fresh air! Most instructors put 30 minutes of coding, then show you the whole shooting match, without getting a chance to see what each little change does. Yours is the best type of instruction on subjects like this! Just got another subscriber!

[@TraversyMedia]

Thank you. Yeah form me I prefer the order Backend->HTML->CSS

[@nadeemamode]

It's Agile! :D

[@wrestletime3802]

kzbin.info/door/8k8_qPNDa2nS4wuRbcWBGwplaylists?view_as=subscriber

[@ToDaXi]

I am a begginer and it's my first website I built, it took me a whole day right to 4:30 am until I finally finished, fully responsive, looking at your code minimaly. It's crazy how I get a feeling of achievement, as website looks damn cool x) Thank you for the content!

[@jlav2170]

you should try next time with no hands

[@oliverthiessen5276]

Good job! I remember when I made my first that same experience. Keep persevering and good luck!

[@salvationprayerfellowship8899]

@@edencastillo4417 ive done it with no brain and pc ah

[@theunholinesswithin70]

How is the index.html page created? I don't have it in my NEW list.

[@anastasiiazakala7035]

@@theunholinesswithin70 If you want to do it exactly how Brad did, you need to create a folder with a name of "acme", then choose "new -> text document" and rename it to "index.html". Sometimes when you open this file in your editor it will say "index.html.txt", so then you will need to erase the ".txt" for it to become an html document. That is like that with me, I use Visual Studio (if you want to use it too Traversy Media has a tutorial on how to set it up).

[@0x007A]

In 2020 this tutorial remains the clearest, easiest, and most understandable introduction to HTML5 and CSS3. I wish college and university instructors teaching basic web development would use Brad's teaching style.

[@yvestrung7387]

*Time stamps* 0:00 - Intro (not flatform, no library, Atom editor, markup first then CSS) 4:38 - Semantic tags *HTML* * part* 5:30 - Create .html file and link to .css file 8:00 - tag (viewport, description, author, keywords) * part* 9:50 - tag (#branding) ( container, tag) 12:18 - tag (Home, About, Services link) 13:30 - tag (#showcase) 15:25 - tag (#newsletter) (input field, button "Subscribe" ) 17:35 - tag (#boxes) (3 boxes with image on website) 20:15 - tag (#footer) *CSS* 20:54 - common setting (font, container, background) 24:40 - #branding & Home, About, Service link (min-height) 30:40 - Highlight one word in a sentence 33:07 - #showcase (background image, text) 36:33 - #newsletter (input field, style the "Subscribe" button ) 40:13 - #boxes (3 boxes with image on website) 42:10 - #footer *"About" Page* 43:00 - HTML file (, ) 46:25 - CSS file *"Services" Page* 42:10 - HTML file ( to type information) 52:32 - CSS file 54:33 - @media queries (responsive on mobile device size)

[@ovskihouse5270]

Thanks Mr yves

[@astradaniels]

This is one of the best videos I've seen on how to build a responsive website using HTML5 and CSS3. The instructor relays the logic for every line of code written and seems to flow through this tutorial effortlessly while coding. The way that he explains how to make the site responsive, step-by-step, is appreciated, informative and concise. I've watched this twice before coding along and will use the notes for this for building site in the future. Thanks so much!!

[@TraversyMedia]

After this, if you are interested in learning modern CSS like the Grid, check out one of my latest videos building and deploying a product landing page - kzbin.info/www/bejne/bGK1Zp6klNCMrbs

[@baseestelar8014]

Comming from someone who has been struggling to get into webdev because of the lack of well made tutorials (most are underexplained or have a ton of useless info) I hate it when a video takes 5 minutes to explain me why I should install sublime text, and you just said, oh use atom if you like k (i use atom cause its clean and works tbh). I have to say yours is perfectly what I needed. Kudos for your simple explanations and "to the point" info.

[@TraversyMedia]

Thanks. I have the same pet peeve. I try to include what you really need and leave the other crap out :) It allows me to put more helpful info in the video

[@koriami9117]

Answers to your questions below, but really quick: Are you trying to take his tutorials to upload your own and try to make money off of that? Even the website in one of your tutorials is literally the same website he showed in this video just with "FMAWeb Tutorials" as a header. If you don't know how to do ANY of this, why do you think you should be attempting to teach others how to do it? Let alone knowing how to use google to answer your own questions. Because the hosting would be an easy find, the .com is pretty close to impossible because even if you get it for free at the start you will have to pay for it again at some point in the future. On to the real answers... You will be hard pressed to find a free .com domain. If you really need a free domain look at .tk (last I tried, it may no longer be a valid option). It won't catch a lot of attention, but it's useful if you are just using it for practice. And you can look around and find some cheap free hosting options easy. Don't expect a lot out of them, but they do exist and work for practice.

[@koriami9117]

Actually, it is my right to say whatever I want to say. And it is your right not to listen to it. And teaching things to beginners is great, but if you don't know how to do it and you teach them wrong, in the end you are only harming their learning. Master what you are teaching before you teach it. Also, you deleted your comment because you know what I was saying is true. You also could easily just link to his tutorials so that the people who miraculously find your videos can not only get the proper education the video provides but also give credit to the creator of the content. That seems much more appropriate than using his content and sort of changing it - but not really.

[@davidjuedes9858]

yes all the other tutorials suck and don't explain things or they don't work out for me

[@nitch4863]

Udemy has some great classes and tutorials! :)

[@mikespencer9913]

Brad, I've barely watched 4 min of this video and I absolutely HAD to stop and say, "Thank you!"! I've been writing code for longer than most of you and your subscribers have been alive, so I'm very comfortable with the back end. However, this is EXACTLY what I've been waiting for. I know you're very proud of that plaque from KZbin. And rightly so. But I hope you appreciate how many people you have helped along the way! And possibly in ways you never imagined. :)

[@Madhumathi143]

I built my first fully responsive website with HTML5 and CSS! Your crash courses on HTML and CSS were very useful to play with this code! Thanks to you Brad. As another commentator says, you can expect a big donation once I get my first pay as UI Designer. :) Your videos keep igniting my designing passion.

[@Yusuf-qq1rm]

did you become a front-end developer ??

[@allsmiles3281]

Had to rewatch my Traversey archives. Thanks, Brad! We truly appreciate your patience and contributions!.

[@TraversyMedia]

Thank you for watching :)

[@wrestletime3802]

kzbin.info/door/8k8_qPNDa2nS4wuRbcWBGwplaylists?view_as=subscriber

[@jwrel1808]

This tutorial is a real eye opener. It pieces together what I am struggling to understand on Codecademy. I feel much more enthusiastic and confident that I can do this and have fun while concentrating. Thank you for providing guidance to a newbie like me....

[@larrythelegend1678]

Same here

[@ttytty1234]

Codeacademy wasn't useful? Im thinking of taking their courses.

[@vadhub]

it's good for the basics, but sometimes you need to watch a 1 hr tutorial like this to learn the whole process from start to finish. I recommend you finish the course there and then you're free to watch tutorials, read articles, or anything to expand your knowledge from there

[@sojans.r9025]

You and me both pal .. I had my ass handed to me when I tried to do responsive sites. Codecademy is just for the basics..

[@victrmeleth]

@@vadhub i do agree, i already knew the basics but didnt know how to implement what i learned on codecademy into stuff like this

[@dev.shafkhan]

The first video I watched as a beginner, in 2017. I am a front-end web developer now. Thank you Brad! ❤️

[@catsandmusic4635]

Are you a freelancer, akhi?

[@dev.shafkhan]

@@catsandmusic4635 I am working as a full-time front developer since 2018 and I started freelancing couple of months ago.

[@catsandmusic4635]

@@dev.shafkhan That's amazing!! Would it be too much of a burden on you if I messaged you with questions I have along the way? I'm 18 just out of school and I'm looking to do the same thing

[@dev.shafkhan]

@@catsandmusic4635 I will help you with as much as I know.

[@NorlynCodes]

Woah! I am happy to read this. Congrats!!!

[@datduong6520]

"Let's take a look at the browser so far, ok so it looks absolutely disgusting" lol lol. I love your vids, man

[@belliott88]

You are the absolute best instructor on all of KZbin. I would honestly pay a Subscription Fee to follow your work, and it is incredibly kind of you to share all of this knowledge for free with such thorough and comprehensive explanation.

[@LiftedStarfish]

He's got stuff on Udemy

[@macrovise]

I'm a beginner, and this is the first website I've built that I'm proud of. Took me a while to build this, and I encountered some errors along with the tutorial, but I finally did it. Thank you for this wonderful video!

[@Amariiiiie]

This was an amazing tutorial! I started learning HTML last week and CSS this week, and was able to follow along very well. I can’t wait to learn JS!

[@mayny03]

I watched the 2017 Practical Guide, fantastic. It demystified web development learning path for self-taught individuals like myself. This video has provided a lot of useful, practical info in the first 15 mins. I appreciate and thank you for this video. I would love it, & I'm sure I'm not the only one, if you mirrored the 2017 guide with videos like this one here.

[@TraversyMedia]

Thanks. Yeah thats what I was thinking I might do

[@archived6215]

looking at this 4 years later. I am so grateful, brad.

[@bekruciaaal4064]

When you last 6 hours just to learn this cause your so interested!

[@alexs7368]

you're*

[@thesavantart8480]

@@alexs7368 it's always sad, isn't it? Seeing a nice comment ruined by poor grammar. It's like having a plate that's filled with delicious food and just as you are about to take a bite, a fly flies out of it. I am not a grammar nazi myself, I can't be if English isn't my first language but I still cringe when I see simple mistakes like "your" instead of "you're".

[@kidthesmartestone8433]

Me, you're just making a big fucking deal about it.

[@jermaineayivoh8263]

@Cody Well said. People need to get off of their high horses when it comes to spelling mistakes. This is the internet not a class room. If they care about grammar so much, they should put their energy to good use and get jobs as high school teachers.

[@mowmiadrian8608]

I wish I saw this vid 4 years ago when i started attending to IT class in a new school. My life could be much easier back then.

[@IanoNjuguna]

Watched it all. This is the first coding tutorial I've watched from start to finish and now I understand why Brad is revered in tech circles. Thank you, Brad.

[@crtcontab5191]

I watch many tutorials and this is the best! Cristal clear!

[@wrestletime3802]

kzbin.info/door/8k8_qPNDa2nS4wuRbcWBGwplaylists?view_as=subscriber

[@nastarankianersi104]

Oh my God this was an amazing tutorial. I've been struggling with CSS for a long time but after your CSS crash course and then this video I finally learned the stuff thank you so much!

[@firdauz7413]

OMG. just about two days learning html from absolutely zero experience, now i can make this website. from all of your videos now i know the connections between html and css and javascript without spent any money...

[@Palafoxfox]

It's really hard to find very good tutorials. You nailed it man!! Thank you so much for providing such a great lesson!

[@idmt93]

Fantastic video. This will be a great reference project for future endeavors. I think a good idea might be to make an extension of this video where you implement some JavaScript. Thanks a lot!

[@cocepicwarreplays5803]

yes bro.. its a cool idea... the way he is explaining is really cool and we want more videos of this type.

[@neverwrong1525]

I was thinking the same thing. It would be nice to continue on to the JavasScript and then maybe PHP or Node.js

[@陈瀚龙]

Hell yeah! Two thumbs up from me, too. Java script, Java script! Great videos.

[@gluciarafull]

as an IT highschool student I decided to make some side money by web designing and I see your videos are perfect to catch some extra skill and use the things I already learnt in a different, great-looking way. gonna stay on this channel!! already recommended you to my web designing teacher. thank you so much for the content you create!

[@akstreetracer1]

Really nice tutorial....i learned so much from it.....please do more tutorials like this with some javascript also. Thanx for such a great tutorial

[@georgeff8234]

it took me 8 hours to watch this . Thanks a lot i learned the basics right here !!! Thank you .

[@GoldStorm07]

Thank you so much for this. I'm going through web dev courses for a certificate but the emphasis has been entirely on PC-first sites, not mobile designs. This is by far the most direct and thorough tutorial I've seen for a mobile-first site and I can use the skeleton here for many projects going forward. You've helped me out a lot, and I'll be sure to link a lot of my classmates here!

[@redsnakeintown]

I think if you type Lorem and tab - Atom should be able to generate the dummy text for you...all other editors does

[@TraversyMedia]

Wow I feel dumb, I did not know this. How do you format the length?

[@equinoxly]

Assuming it comes from github.com/atom/language-text/blob/master/snippets/language-text.cson#L5-L7 I don't think you can, with Emmet however, you of course can: docs.emmet.io/abbreviations/lorem-ipsum/

[@successfulpeople]

Thanks, I didn't know that. I just did it with Sublime Text

[@merodiro]

you can type lorem25 to generate 25 word or any number you want

[@vinny4707]

I work in brackets and i have installed emmet.... so if you type p>lorem 50 and then hit tab .... it will generate a para of fifty words and I think it works the same in sublime too !

[@FRONTRUS]

*Covid-19* : Making Programmers Since 2020 🎓

[@themaggattack]

😆💀

[@skullxl569]

Lmao, it's true asf I have got into programming since lockdown started now checking out these KZbin videos.

[@skullxl569]

@SlowSunsetVibes I dont think people will stop with only HTML and CSS they will def go over JS

[@diedie111590]

@@skullxl569 Talk to me when they start programming in C.

[@g.t.5324]

@@diedie111590 can you just start learning in C or you have to know HTML, CSS, java...first?

[@furkatsultonov9976]

I have finished it in around 7 hours. It was worth watching and following each step. Thank you for the gem!

[@AshishSingh-dn8wb]

Great tutorial. Thank you so much You can use the live server plugin in Visual Studio Code The changes are directly updated without you having to save it and reload the browser tab. Cheers!

[@seanearnest]

Thanks for the idea!

[@down2earthboy19]

YOU ARE MY HERO!!!!!!!!! MUCH LOVE AND BLESSINGS MAN.

[@jefferyaaron3462]

Tip the '*' can be used to reset all the margins and paddings to 0

[@cocepicwarreplays5803]

the best learning video for beginner... clearly cut explanation .. thank you sir.. i need some basic javascrpit video like this..

[@TraversyMedia]

Try these out... kzbin.info/www/bejne/enq5l3eQj8p6rq8 kzbin.info/www/bejne/rHa1gIhojdmDiJo

[@cocepicwarreplays5803]

sure... i'll

[@aimanalnami7655]

you are so good Sir thank you

[@theegreatestever2420]

I downloaded this and just finished watching it offline (I watch before I start putting in the fun) and I just came back to say : THIS WAS AN EXCELLENT TUTORIAL!

[@anishweb7447]

Sir I learned the Web Designing skills from You.. Now I am making My own Video tutorials html css and js .. PHP [starting soon]

[@projectDominic]

I'm on a Traversy Media binge over Christmas, I've done this one before but theres still nuggets everywhere, cheers Brad

[@simon.scurtu]

wow u actually spent time doing this on christmas day ! As much as i love programmming, i would never do that Congrats

[@TheEx404]

In 2018, this video saving my life when i was making website for my college project. Now this video still relevant for those beginner. Really big thanks Mr Brad. April 13, 2021.

[@CuongNguyen-xw8qu]

thank you so much, teacher. Anyone else who is beginner like me ? let's make friends :D

[@ratedbg1321]

I am learning web developing at the moment. This video is helping me understand html/css more.

[@notrickgrimes5227]

me as well bro, this guide was awesome.. the feeling of completing your first awesome looking web page.. I'm so ecstatic right now

[@ryandelarosa8312]

im a beginner too. no background at all hahahah where u from?

[@mitchelline]

I've been doing it for over a year but I don't even know some basics so I love to look back at videos like these

[@sirajmuhammadsirah7688]

i believe you guys are now expert, Am just coming across this video as a web developer novice,its really Amazing.nice meeting you guys.

[@jamblob3208]

Landing zone for the upset but dogged. Can't really beat the amount of positive comments. Certainly very helpful, very rare talent.

[@_Sky_Ark_]

Very Very nice! But i miss the PHP part for the newsletter and the quote :(

[@_Sky_Ark_]

:(

[@beatriceavram]

"Okay so that looks horrible but..." omg this had me laughing way too hard:) overall, SUPER helpful video!

[@hankster4071]

Thanks for this video tutorial. As I'm not a programmer by any means, I really want to make a website. So I viewed this over and over again for understanding. Finally, I followed along step-by-step to make my own website. I encountered a few issues along the way which stomped me. For those issues, I enlisted the help of a freelancer site. The freelancer resolved those problems rather quickly (and the price was cheap!). I added a few personal changes to the first page, but end result was a fully functional & responsive website. THANKS!!

[@HMKM49]

The best tutorial I've even discovered in my life. Thank you so so much ❤️ ❤️ ❤️

[@jacquedreyer5479]

An absolutely fantastic learning resource! Thank you for making the material available - I really enjoyed following step-by-step. Highlights just what is possible with only html and CSS in a very clear and concise way. Definitely the best tutorial on the subject I have come across. Highly recommended for all those getting started!

[@GabrielTobing]

I put this video off for like 2 years, now that I've graduated high school and am planning to go into Computer Science, it's time to start my career, and this is the way. Good thing I'm on holidays and have plenty of time!

[@MoustacheAlexander]

Do you guys realise Brad only has 43 patrons? For shame!

[@TraversyMedia]

Was hoping for more support. It is hard to get people to offer money when they do not NEED to. I don't let it discourage me though. I don't even care about the money, when people offer support it gives me drive and makes me feel like what I am doing is worth something

[@outis99]

Well he has almost 800 now soo.. :P He deserves it

[@vingram100]

Traversy Media Do you have a Twitter or Tumblr? A lot of Devs are there and it’s easier to fundraise and showcase your channel. It’s good! I’ll definitely tweet this!

[@darrylcalder]

This video is helping a ton with my first web page. Thank you!

[@MegaKungy]

For anyone interested, this got my quote box line up, adding aside#sidebar got the specificity high enough that it applied the rules i think, but the textfields overflowed the container div, box-sizing: border-box put the textfields back in the div. aside#sidebar .quote input, aside#sidebar .quote textarea { width: 100%; margin-bottom: 5px; box-sizing: border-box; }

[@ms77grz]

I was just looking for ways to solve this. Thank you very much Rinehart!

[@caleb9189]

Great video, helped me a lot. Although when following along I couldn't get my nav menu to float right, it just stays on the right side of my H1 header. What am I doing wrong?

[@chauldinlipenga2524]

God bless you and your family man... without you we were nothing

[@REET911]

Can someone clarify for me why add class "container" on every section. Why not wrap all the content inside body to "main" tag for example and cassify that as "container"?

[@tomasborek3069]

i have the same question

[@mohamedghazali4914]

because every section is different to the other ones, and understanding the code will be easy.

[@jessicarodriguez6406]

on behalf of all the people we are very thankful for this video. you are the hero we dont deserve, but the hero we need

[@soldadopreciso]

hello greetings from Ecuador. Media queries start at 54:33

[@jacksoncooper12]

at 22:05 everything Boston about you came to the surface in the word "shortcut"

[@JesusDelBarrioS]

Dudeeeeeeeeeee you are the best, I tried watching other youtubers and you are on a different and higher level!

[@impstxmt]

Excellent tutorial!!!! THANK YOU!

[@priyeshpatel2339]

how do i Host my website once I have built it for people to see

[@mphomashiloane1046]

I got a distinction on my assignment just by watching this video. Thank you❤️ much respect

[@tanzeelrehman929]

how would you make it so that when the user types their message, email etc. on the services page, it gets sent to your email? Thank You very much for the Video btw, very helpful!

[@ayzee12]

There are many tutorials on exactly that.

[@mrbrush4994]

Tanzeel Rehman php will do that!

[@gemuelrosatase4050]

Just browsing for techniques in making website from scratch and I saw this, THANK YOU FOR SAVING MY LIFE BRO!!!

[@vladtheimporter8741]

Helo! Im just starting out in 2020. Thank you for this course. Its really good and easy to follow. Just want to ask : Is this still relevant in 2020? I read that coding is really evolving and always changing. Just asking for some opinion in this topic. Thank you! :)

[@muddyrockfarm822]

I have the same question

[@DaveyKanabus]

@@muddyrockfarm822 Seems to be still relevant. I just used it to lay the groundwork for a site. Everything works as intended.

[@muddyrockfarm822]

@@DaveyKanabus Thanks

[@christianjamesguevarra6257]

You should still follow this tutorial then learn flexbox then recreate this website using flexbox instead of floats.

[@azanjaved7527]

Hey, I need help with the boxes section. Whenever I finish typing the code, the images and text are vertical and diagonal. Could someone help me with a solution? Cheers!

[@SpencerTaylorOnline]

Thank you for this tutorial. I used it to help me get started with a coding challenge for a job interview. I usually work with WordPress and needed to go back to the basics of working with code without a CSS. Your video gave me a helpful start on the mockup page I'm creating!

[@alicoder1587]

You are the best code trainer I have ever seen in my entire world!!!

[@ElggNamba]

Great Video!! 2 small things which bother me: the one is that when you hover over the nav bar item 'about' and it gets bold, the home icon is pushed a lil bit to the left :S and i want to know how to stick the footer area to the bottom of the browser, i have a high resolution set on my pc, so the footer always floats in the middle of the screen

[@Shasini92]

#main { min-height: calc(100vh - 296px); }

[@spidafly537]

@14:43 "... I'm a web developer, I can't spell." Hence being a deisgner for the web! No but really... fantastic video. I'm throwing my weight into learning HTML/CSS/Javascript/+more, and tutorials like this are making my life soooo much easier. +1 and thanks! PS. Anyone ~35+... ever set up the HTML content without any CSS/etc. and think "Hey, this is what websites looked like when I was a kid?" (with Lynx, etc.) LOL

[@asadbekbozorov5714]

Your tutorials are the best in You Tube.Billons of thanks for making such brilliant tutorials.

[@AkshaySharma-yo4th]

Thank you so much. It really helped.

[@gametravel7570]

I started coding from 2021. your video is really helpful

[@venkateshnambi1576]

amazing course. one thing i loved is that traversy media u explain it in elegant manner!

[@vactum0]

if download link isn't working 4 u www.traversymedia.com/downloads/acme_website.zip

[@kelvincheekhailoon9596]

Thanks Man!!! Life Saviour!!!!

[@vactum0]

@@kelvincheekhailoon9596 np ^^

[@9budddy]

♥ Thank you very much for this! ♥

[@vactum0]

@@9budddy np

[@neven9051]

Thx man

[@GlockMonster29]

Man I hope you respond Asap. Im in a web development class and just need to know how to add JavaScript to this html file you just did.

[@scottmcgaming5440]

Put it in the same folder as you did with your HTML file

[@TechManAkhil]

[@thomassteinhable6765]

I watch this video to supplement my skills I’m learning on the Odin project. Followed along and made slight modifications. Thank you for your help!

[@aloysberger9482]

Great video, very interesting. A bit outdated, but great nonetheless!

[@JasmineCooper_]

What's outdated? Trying to avoid bad habits and mistakes.

[@ahmetakbayir]

Hi, thanks for tutorial, i want to ask a questions. which is vscode theme? (monokai? which monokai :) ) Can you tell us, pls. thanks.

[@spikymike123]

he's using Atom, not vscode :)

[@stormy1514]

if u want this theme for vscode, download the one dark pro extension

[@eddie9062]

I just finished watching this video and building my own site. This video had ALOT of really great information. I certainly picked up information that wasn't taught in my online Responsive Web Design certification course. I have to tweak my site and add content, but basically there. Keep making vids!

[@nvadde]

Very useful video..

[@slambodianjones]

Very helpful even 2 years later. I've been watching a lot of these types of videos yet this one really hammered the approach down for me which is what I needed!

[@nujhatunnawar9397]

11:50 This is just a bookmark

[@kosovofa7759]

I have a common thing with this guy, and that is the skill to misspell every third word we type. Well in my case I misspell every second word unless I check all of them 2-3 times to remove mistakes.

[@__.rawat.ankit.__6637]

Anyone here in 2019 ????? Hit 👍

[@SuperKasidit]

@Pilot Baba, I am 42 bro. never stop learning.

[@mkjgry]

@Pilot Baba wow old man here at 50

[@mkjgry]

@Pilot Baba thank you appreciate it

[@almahmud5569]

well i'm just 20 yrs! learning html and css!

[@coredatallc5671]

69 and full stack developing. Started my own company after retiring from Boeing.

[@mohamedmohidiin6787]

thank you teacher its my first time I build web page thank you again sir, this vedio is very helped me , and its easy explanation !!

[@machi992]

When I heard your son, at first I thought it was from my house. I was freaking out. There are no kids in this house. edit: I am using headphones, so it was not easy to distinguish whether it was from the headphones or outside of them.

[@vishalsadhnani1042]

@Maximiliano I have seen the whole video but i did not hear any voice of is son... please tell m at what time his son was screaming?

[@machi992]

@@vishalsadhnani1042 haha you are just trying to scare me.

[@vishalsadhnani1042]

@@machi992 No seriously I am asking.. Please tell me

[@machi992]

It was too long ago and I cant really watch the whole video again....so, sorry, I don't remember anymore

[@vishalsadhnani1042]

@@machi992 ohh it's ok

[@rosbo7626]

Thank you so muc

[@JasonCrawfordWilliams]

Awesome 6 hours of following along and i got every bit of info.. Thank u.

[@nicckrm]

I couldn't do html then tab in the beginning of the tutorial

[@johnali4117]

Another way to do this is to type

[@coryphillips1783]

Neither one of those work for me, neither html tab or

[@aadarshshakya]

your file may be saved as index.html.txt u should rename it to index.html ..I to had the same problem before

[@SleazyNice]

With the emmet plugin installed type: ! tab

[@wagzz3000]

type "!html"

[@gaminginternational5334]

Hey dude, can you make tutorial to publish it to browser with free domain and hosting??

[@cartersnook6139]

I advise 000webhost, there is a way to get rid of the watermark (;

[@michaeldownie9995]

@@cartersnook6139 how???

[@vladimirmikulic7860]

@@michaeldownie9995 Use Github pages or Netlify. Simple drag and drop and you website is live on the internet.

[@vaughngaminghd]

Thanks Brad for another great video showing how to make HTML and CSS work together! I like going along with you as you are figuring things out, and your method of showing the longer version of doing something before the shortcut is helpful too…

[@fresh218]

Graphic **DeISgN**

[@jlambert12013]

I’ve watched so many videos on HTML and CSS and just watching you do it told me more in this one hour

[@cattip564]

I don't think i can type 3 to 4000 lines of code for one page it's very difficult

[@hashhpt8102]

Cattip dont give up man, i find it really fun to search for info and try to use it to improve my sites

[@maliqgashi8543]

If you want to youll do it cus what u love its allways goit to be easy in the end

[@EriAirlangga]

That's all in a day's work for a web developer.

[@cartersnook6139]

Just play some classic rock, always works for me 😂

[@noponyexpectstheequestrian6350]

Any Deep Purple or Led Zeppelin will do