Build a Responsive Website | HTML, CSS Grid, Flexbox & More

  Рет қаралды 982,341

Traversy Media

Traversy Media

Күн бұрын

Пікірлер: 925
@TraversyMedia
@TraversyMedia 4 жыл бұрын
Hey guys, hope you enjoy the project! Change the showcase-form width to 300px in the mobile media query(500px) to get it to look right on really small screens.
@rexmarvis8663
@rexmarvis8663 4 жыл бұрын
Hi, I love your courses, they’ve really been of great help, I want to go into software testing, and cypress was suggested for me, can you make a video on that? Or do you have any suggestions for me, Thanks any assistance will be greatly appreciated
@melvynpaulino6183
@melvynpaulino6183 4 жыл бұрын
Wow man, thanks so much for this tutorial. You've shown me a new way to work. Look I am new to HTML and CSS and I was trying to find a workflow to make things simple and faster, this video has shown me that. By the way, I am an experienced graphic designer.
@urbashikhatiwada8748
@urbashikhatiwada8748 4 жыл бұрын
Sir, in your videos, you don't teach to make a navbar that is present in modern websites. We really want to learn to create navbar, a good one . Also I can't find tutorial which teaches animation happening when click or with some interaction with javascript, I mean css animation with javascript code, we really want to learn such things, it would be great if you make such a big course on that kind of things too :) , thank you sir for everything, It's great thing that we get such valuable things for free on youtube ☺️
@xentric313
@xentric313 4 жыл бұрын
May I share a thought on how I'd like to build a website? First I would build the structure of the whole site, then "color" it. This way I'm able to keep the whole picture and not focus too much on details. Also it would help to see similarities like a set of colors, vertical spacing, paddings and so on. What do you think?
@hemanth6951
@hemanth6951 3 жыл бұрын
2hours for you, others may take 1 week so it wroth around $500+
@arvindvs8934
@arvindvs8934 4 жыл бұрын
“But I decided to throw it up as a KZbin video” - Brad. You are a legend!!
@JM-oo3rb
@JM-oo3rb 3 жыл бұрын
I'm 27 minutes into this tutorial. Of course, those 27 minutes are about 2 hours of my time. Still, I'm so engrossed I've hardly noticed the time. This has to be the best HTML & CSS course by far.
@kevinerose
@kevinerose 2 жыл бұрын
Pretty much I think these videos is just here to demonstrate how different people work with HTML & CSS. You don't really learn how to do anything here. I think you are finding that out. In programming, you only learn by doing jobs and work. Nobody is going to give you work to only do HTML / CSS work. I think the best thing is looking for videos talking about MERN, PHP, Full Stack development, and the like. You only learn by doing everything together and understanding how the elements work together. Similarly, Python and JavaScript and other scripts, just find a MERN or MEAN to instruction to see how all things work together. Learning Python and JavaScript separately is useless in my opinion. I think I would only watch these videos once I am an experienced programmer just to see how someone else might use these entities differently that I do. Once you are programming and doing work, you will mostly be looking into help pages for the product you are using. Understanding how to use those helps is what you really need to understand.
@emmanueltech9705
@emmanueltech9705 2 жыл бұрын
@@kevinerose Yeah but atleast someone will start from html and css first as a beginner
@marinelacojocaru1829
@marinelacojocaru1829 Жыл бұрын
​@@kevineroseno
@adamacamara9308
@adamacamara9308 10 ай бұрын
I spent 5hrs but I finished though. But I am not a beginner nor an intermediate, just in between
@ammarrazzak5302
@ammarrazzak5302 4 жыл бұрын
About 1.5 years ago, I watched your Acme Design website video, and once again we are back at the same time. :)
@TraversyMedia
@TraversyMedia 4 жыл бұрын
Yeah, sometimes I get crap from JS devs when I do strictly HTML/CSS, but a giant part of my audience is from videos like that as well as my HTML and CSS crash courses which are the most viewed on the channel :)
@ammarrazzak5302
@ammarrazzak5302 4 жыл бұрын
@@TraversyMedia If you listened to those JS devs, I think right now I would be thinking, "How can I use and together???" lol. Now with your help, I am finally a full stack dev! :) (aka Nano)
@shaderone07
@shaderone07 4 жыл бұрын
Yup me too ..That was my first project ever ..its has been an year after that. It has also only been an year+ since i have started to code (started at 16 ..) and ..Brad ..man he was really a huge inspiration for me . The amount of knowledge i have gain from brad is amazing . He is a great guy!
@TraversyMedia
@TraversyMedia 4 жыл бұрын
@@shaderone07 Thanks :) That's awesome to hear.
@FlorianEagox
@FlorianEagox 4 жыл бұрын
Same here, Acme taught me so much!
@aimansiddiqui7463
@aimansiddiqui7463 3 жыл бұрын
I very rarely leave comments under youtube videos, but every video of yours make me want to leave a paragraph of appreciation for all your efforts. Thank you for this channel, I feel like we all owe you a great deal for what you are doing. Such high quality content and that too for free...man I can only say God bless you Brad and Thank you!
@mohammadullah9849
@mohammadullah9849 2 жыл бұрын
agree with you bro..
@muhammadbabar9836
@muhammadbabar9836 2 жыл бұрын
Need a little help about grid-template-columns
@TechnologyVideoNetwork
@TechnologyVideoNetwork 3 жыл бұрын
amazing tutorial to understand concepts of pro web developer .. thank you so much
@viralworld955
@viralworld955 3 жыл бұрын
Have you made any video on this?
@kjragg1099
@kjragg1099 4 жыл бұрын
This channel is the BOMB! You're an amazing teacher Brad, I feel like I owe you a great deal for all of your help over the years.
@vanklewin
@vanklewin Жыл бұрын
If you type in 'Lorem' in Visual Studio code and hit tab, it will automatically paste the famous Latin placeholder content in the
@joeypatrick2585
@joeypatrick2585 3 жыл бұрын
This has been my favorite tutorial of all time. I also think I learned more about shortcut keys in VSCode than any other tutorial out. Great content!
@davidoqua9954
@davidoqua9954 3 жыл бұрын
Thanks Brad. My features-head and features-sub-head @media(max-width : 768px) doesn't collapse. Has any one encountered this problem?
@nnes_silva
@nnes_silva 3 жыл бұрын
Hey guys how are you doing? Brad, what an amazing tutorial!!. On 1:31:02 if anyone needs the icons on features' page here they are (Just replace the "fa-server" class, that we copied from the first card, to the following) : - fa-server (The one we did at the tutorial); - fa-network-wired; - fa-laptop-code; - fa-database; - fa-power-off; - fa-upload.
@diegoraffa4324
@diegoraffa4324 4 жыл бұрын
Thank you Brad you are awesome!!!! I miss your tutorials. I started to code 2 years ago with any previous knowledge about Coding. Now I have a portfolio website and I started already to look for a front end job. It's hard for a rookie with no working experience and now it's even harder, due to the pandemic crisis. You keep me motivated. Thank you again
@chovbee
@chovbee 3 жыл бұрын
I initially started this as a fun project to practice my basic HTML and when I heard you mention media queries and responsive design I hesitated because I have never heard of those before. I contemplated just doing the HTML and CSS and coming back to do the media queries once I learned about it but I stuck with it and followed along with the whole tutorial. I've honestly learned so much from this tutorial and I definitely learned more than I expected. You made everything so easy to understand and much simpler than I thought, especially media queries which I thought would be something impossible for me to learn but I now feel comfortable enough to do them on my own. To anyone thinking about watching this tutorial, please do! Especially if you're new to web development like me. The time fly's by because you genuinely learn new skills.
@agustinvis5720
@agustinvis5720 4 жыл бұрын
I haven't watched yet, but I think that this video is going to be just what I need right now, AWESOME!! It seems that your videos have very good quality.
@TraversyMedia
@TraversyMedia 4 жыл бұрын
Thanks man 🙏🏼
@agustinvis5720
@agustinvis5720 4 жыл бұрын
@@TraversyMedia Thanks to you!
@samcodes2912
@samcodes2912 4 жыл бұрын
it's awesome
@willworth9610
@willworth9610 4 жыл бұрын
Buy one of his courses on udemy if you can afford to. He kicks out a lot of great content, and deserves support.
@danhle7999
@danhle7999 4 жыл бұрын
Sir i can't say how much this means to me as a beginner, i feel really bad because i am unable to support you but i clicked every ads i could. i wish you good health and happiness. Thank you for your great work.
@filipcruz7688
@filipcruz7688 2 жыл бұрын
I have been coding professionally for over 30 years, and I still managed to pick up a lot of cool new stuff from this tut. The longer you work as a coder, the easier it is to fall into a rut and just go with the stuff you’ve used for years. This is a great opportunity to get out of the comfort zone and look at code from a new angle. Your style is very easy to follow and the tutorial was clear, organized, and , most important of all, highly professional. Highly recommend this tutorial to everybody regardless of skill level and experience. You'll get the biggest benefit if you code along with Brad as he builds out the site. Enjoy!
@TheShakydave
@TheShakydave 3 жыл бұрын
Outstanding! Also learnt that 'div*n' makes as many 's as you would like so: 'div*3' hit return and 3 divs appear.
@timmyschannel5
@timmyschannel5 3 жыл бұрын
Brilliant, finally somebody who talks through it without cheesy dance type music
@geekstudio.
@geekstudio. Жыл бұрын
I used to watch Trav build websites when i started web development at my IT job....good memories.... I figured i would brush up on some html and css since i been doing programming with python and node.js ... always a good idea to learn the fundamentals when you been grinding on full stack languages and libraries.... THanks trav!
@guillaumedupont2902
@guillaumedupont2902 4 жыл бұрын
Damn it, I was just finishing your HTML/CSS course on Udemy and I got this notification :D
@TraversyMedia
@TraversyMedia 4 жыл бұрын
This was initially going to be in that course :) So just think of it as an extension of the course
@markleodionisio2669
@markleodionisio2669 4 жыл бұрын
Haha
@guillaumedupont2902
@guillaumedupont2902 4 жыл бұрын
@@TraversyMedia Awesome ! I am at Section 15 Part 8 of the course, so pretty much toward the end. I'll have a look on that one then... Dude, my coding journey started with your html crash course video 2 months ago! And this is changing my life. I am so grateful. Much love to you! Stay Awesome and keep on inspiring people !
@AayanamAnirudh
@AayanamAnirudh 4 жыл бұрын
Me too... Just finished the course yesterday
@elpolodiablo5486
@elpolodiablo5486 4 жыл бұрын
I WaS jUsT wAtChInG yOUr OtHeR vIDeOs
@wecare3452
@wecare3452 3 жыл бұрын
I am very lucky to have found a teacher like you. Today, four days later, I completed my first web project. Thanks
@GTsurwa
@GTsurwa 4 жыл бұрын
I really like these "back-to-basics" codealongs. Super useful for beginners and a nice way to chill 'n code for the others. You're the man Brad.
@emoshimo9332
@emoshimo9332 3 жыл бұрын
Im on my 6th day of learning html/css and this taught me a lot it took about 4-5 hours for me to finish the vid since i had to replay most parts to understand and will probably take more time if ill practice more but i worths i can feel the proggress i made since i started. Thank you for deciding throwing this video to KZbin
@zalodias123
@zalodias123 4 жыл бұрын
You're a godsend Brad. Love these long videos. Learning material for days!
@claradanielacavicchi9294
@claradanielacavicchi9294 3 жыл бұрын
I'm struggling to follow your quick but very precise tutorial. Minute after minute, I try and repeat every line of code. At first it seemed impossible to me but now I understand a lot more. Thank you! You are a great teacher and I confirm your tutorial is amazing! Looking forward to find other videos of yours!
@bryciewiseman3204
@bryciewiseman3204 3 жыл бұрын
Thank you for making such great videos like this for free. I'm completely new to web development, I was supposed to be working on a data science internship this summer and got put on web development last minute and your videos are so amazing and straight forward!
@bbayat4093
@bbayat4093 3 жыл бұрын
This is why language is vital. In 15.17 of the video you encapsulate this entire tutorial when you say, 'Our nabber links in the hover state.' That explained everything to me. Suddenly there was light. Without realizing it, probably, you surmised your entire tutorial. Brilliant mate. Well done. However, you do go slightly fast. Some things are done best slowly.
@jgwebdev
@jgwebdev 4 жыл бұрын
I am in the middle of your Udemy Course right now. Definitely this one gonna be my next project. Thank you Brad!!
@michaelcharlescotofan4842
@michaelcharlescotofan4842 3 жыл бұрын
I watched this for about 25 minutes and I already feel that i’ve learn so much. Everything was explained properly. Subscribed and looking forward for next videos from you!
@jkhwarrior
@jkhwarrior 4 жыл бұрын
This tutorial is awesome thanks took me 2 days and made it twice to understand everything i like the small bootstrap like css style design workflow
@ahmed-mansoor
@ahmed-mansoor 3 жыл бұрын
That was 3hrs of my weekend well-spent. I always wanted a customer built stylesheet using pure CSS, instead of Bootstrap. Going to use it on other projects. Thanks.
@lardosian
@lardosian 4 жыл бұрын
Looks amazing!! Love the shape of the blue header at the top, really fresh!
@samcodes2912
@samcodes2912 4 жыл бұрын
yes it looks great
@yaredasrat624
@yaredasrat624 3 жыл бұрын
i really admire you, because of your easy understandable language and methods the way you explain things. thanks a lot. I am Yared Asrat from Ethiopia A.A. so you are doing great job in order to change the world from labor to digital.
@royxss
@royxss 4 жыл бұрын
Thank you for this amazing tutorial. The way you have mastered CSS is absolutely incredible.
@olanrewajuadam7499
@olanrewajuadam7499 3 жыл бұрын
This show a professional with years of experience in this field. Such a great Teacher
@jhethaarhinderks9298
@jhethaarhinderks9298 3 жыл бұрын
Thank you so much for this and all your other tutorials! You really helped me understand and feel comfortable with CSS grid and flexbox with this. Also, it was so valuable to essentially create our own library with the separate utilities stylesheet. Now I also understand Bootstrap and how libraries work so much better, too, so...unexpected benefit. :) A few things I changed: I wanted all the pages to be consistent, so I made all the top sections have a slanted bottom like the homepage. I also went back through after it was all done and renamed .showcase, .features-head, and .docs-head to all be named .top-section. I then went through the CSS .styles and eliminated as much duplicate code as I could find. So along with learning and reinforcing the concepts of the tutorial, because of the way you presented it so clearly, I felt comfortable going in and making some changes and even refactoring...another unexpected bonus. If you'd like to see what changes I made, I'd appreciate any feedback. I'm moving on next to more advanced site building with js and react and I'm sure I'll be learning much more from you as I move along. Let's hope this leads to me getting a job in the near future! :) Here's the link to my github repo: github.com/Jhethaar/Lokuri Here's the link to the Netlify site: relaxed-mcnulty-e82314.netlify.app/index.html Thank you, again, for sharing your knowledge!!
@compostdave
@compostdave 2 жыл бұрын
This is a great guide to building a responsive website. One thing I would love to see is a video outlining the process for determining the elements. Like, your nav bar in this was a nav inside a div inside a div but how did you decide that's how it needed to be done? Things like that are where I struggle the most so any way to improve that would be awesome. Thank you for your content, it's by far the best available on the web.
@nadeemakramansari1331
@nadeemakramansari1331 Жыл бұрын
I am your biggest fan Brad. I am currently taking your Modern HTML and CSS. And your course is just awesome. Now I have the capacity that I can understand even the hardest concept in CSS. The way you taught CSS Flexbox and Grid is damn awesome. Every concept you teach is holly grail for me. Soon I will finish your HTML and CSS. And I have purchased in advance your JavaScript course too. I just wanna know that this tutorial is where? I mean where can I find this video course on udemy cuz I need your whole course at any cost.
@takyiwa-mensahgeorgina2429
@takyiwa-mensahgeorgina2429 5 ай бұрын
This is absolutely great content. God bless you Brad. For me I had little experience with css, nothing beyond basic styling. After watching this video, I feel like a guru already. Lol
@troymitchel4790
@troymitchel4790 4 жыл бұрын
Yes, back to the Roots!
@josephwong2832
@josephwong2832 3 жыл бұрын
Brad Traversy is teaching better and more practical content than most universities at this point!!
@Moe.firouzabadi
@Moe.firouzabadi 4 жыл бұрын
Thank you Brad. This project puts many concepts together and is a great way to solidify the html/css fundamentals. 🙏
@الإسلامدينالحق-خ5ت
@الإسلامدينالحق-خ5ت 3 жыл бұрын
My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life.. kzbin.info/aero/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-
@INSIDE_OUTSQUAD
@INSIDE_OUTSQUAD 3 жыл бұрын
When searching for tutorials abput Front End, your tutorials are first on my list. Thank you very much on helping us learn more about Web Development.
@FlorianEagox
@FlorianEagox 4 жыл бұрын
When I heard Brad's voice at the beginning of this video... I felt that
@samcodes2912
@samcodes2912 4 жыл бұрын
calm
@sudhirjoil88
@sudhirjoil88 Жыл бұрын
Dear sir, You are awesome teacher, the way you teach is really great and to the point. I can’t believe such valuable lectures are available free on KZbin. Thank you again.
@briandesign
@briandesign 4 жыл бұрын
Brad dropping gems 🔥
@FlorianEagox
@FlorianEagox 4 жыл бұрын
Hey, this isn't Ruby we're talking about!
@samcodes2912
@samcodes2912 4 жыл бұрын
quality gems
@mohamcpsi
@mohamcpsi 2 жыл бұрын
he is more than a teacher. may God bless the work of your hands. Mohammed from Kenya
@kieran2347
@kieran2347 4 жыл бұрын
Hey Brad it's really great to see you back making videos, I hope things are going well for you and your family. Take good care of yourself buddy.
@sixtusushahemba9419
@sixtusushahemba9419 3 жыл бұрын
I also want to thank you for posting this amazing video for free. Many developers don't like posting the important once; they only post once that aren't helpful and reserve the real projects for sale, which is not the best way.
@jarbyvid
@jarbyvid 4 жыл бұрын
Thanks again Brad. This is really helpful. I love how clean the code is. The use of the css classes is so straightforward. I will definitely be purchasing your HTML/CSS course.
@michaelibinola4679
@michaelibinola4679 4 жыл бұрын
this man is the goat, just started your modern javascript from the beginning course, it's been really helpful. thanks a lot man for all your good work
@muhammadidrees6650
@muhammadidrees6650 4 жыл бұрын
Thank you Brad, I look forward to coding along with this one. I hope you are doing well :)
@TraversyMedia
@TraversyMedia 4 жыл бұрын
Im better than I was a couple of months ago.
@samcodes2912
@samcodes2912 4 жыл бұрын
great course
@Loczek-lm4bj
@Loczek-lm4bj 4 жыл бұрын
Thank you Brad. I had some weaks break from learning web but today I sat, play your video and motivation comes back.
@EvaLasta
@EvaLasta 3 жыл бұрын
I learned so many tricks and shortcuts ill be using in my project now. Thanks so much!!!
@rust347
@rust347 3 жыл бұрын
quick tip for learning, ctrl + / in your css to write comments, describe what each css property is doing to your styling, greater embed this info in your head
@rysonray421
@rysonray421 Жыл бұрын
I'll just comment and say good content for sure. I watched your crash course for beginners and was invested, I was like yeah I got this! Then I watched this video and realised I don't have any idea what's going on anymore and that's where I quit. Haha. Props to those of you who can grasp coding, I wish I could be the same 😛
@indranilhalder6633
@indranilhalder6633 4 жыл бұрын
Awesome 😍..... Happy to hear your voice again ❤️
@michaelomale1975
@michaelomale1975 4 жыл бұрын
Hey Brad... Am from Nigeria, your courses are really strengthening my coding journey
@mikes.1946
@mikes.1946 4 жыл бұрын
How is it posted 46 seconds ago and there’s already 27 likes lol. Love this channel 🤙🏻
@Joshua-dl3ns
@Joshua-dl3ns 4 жыл бұрын
Because that’s how much of a legend he is
@markleodionisio2669
@markleodionisio2669 4 жыл бұрын
No heart,. ill heart you
@batsaikhanorgil9153
@batsaikhanorgil9153 4 жыл бұрын
They know it's really good content already :)
@vkray
@vkray 4 жыл бұрын
He got a like before uploading video. He's special.
@101Cleon
@101Cleon 4 жыл бұрын
took me three days but I finished it. This was super awesome. I'm glad you posted on youtube instead of udemy even tho you make more from the other site. THANK YOU BRUV MUCH LOVE!
@mussieteshome8232
@mussieteshome8232 4 жыл бұрын
Simple, neat and clean! Incredible!!
@rethikrock8544
@rethikrock8544 3 жыл бұрын
this is the best html/css website tutorial ever! love the way you explain things in small bits and altogether the website looks great! thanks for your efforts sir!
@27455628
@27455628 3 жыл бұрын
51:37 the stats-heading margin can't set to auto because the my-1 is overriding the margin setting. I guess just use !important or simply remove the my-1 class for the h2.
@carlospena8967
@carlospena8967 3 жыл бұрын
I was losing my mind trying to figure this out! Thanks! (:
@t9034-u3u
@t9034-u3u 2 жыл бұрын
Making sure the utilities.css link is above your styles.css link in the html file also solves this.
@ZiaurRahman79
@ZiaurRahman79 2 ай бұрын
If you keep all the css in one stylesheet then you have to use !important, else you have to link your utilities.css before your style.css link. Thats all.
@fleischi93
@fleischi93 2 жыл бұрын
Thanks a lot Brad. I have been subbed to you for years but I haven't done any web design for a long time. Just watched this tutorial and it is awesome and very well explained. I took some notes and learned a lot. You are an awesome human being.
@victorpinasarnault9135
@victorpinasarnault9135 3 жыл бұрын
12h10 - 20h19: just finished.
@xVecna
@xVecna 4 жыл бұрын
Brad. I do know a lot about web development but I like this video. I thank you from the bottom of my heart for making this tutorial.
@reyalvarez1617
@reyalvarez1617 4 жыл бұрын
I would love to see this function with MERN.
@mahendranath2504
@mahendranath2504 4 жыл бұрын
you are my inspiration towards coding, I learn a lot about coding and more than being strong hard in tuff time. when I get some stress at work I always remember you a word (impostor syndrome), I'm happy to hear you back, Thank you so much for everything you have done, A happy subscriber
@Rahrkz
@Rahrkz 4 жыл бұрын
Anyone know why adding overflow:auto to the container removed the space above the navigation bar @ 10:58 ?
@sOuriukas
@sOuriukas 4 жыл бұрын
I think this is one of the "collapsing margins" case. Where child's (h1) margin extends beyond parent's (.container) margin and in this case extra margin doesn't affect height of parent thus background-color has no effect. You can fix this by either adding "overflow: auto;" to parent element (how Brad did) or "display: inline-block;" to child (in this case h1).
@AleksaCar-bk1rx
@AleksaCar-bk1rx 4 жыл бұрын
yea, I was wandering about that also
@jasonmoy8639
@jasonmoy8639 4 жыл бұрын
I think overflow hidden should also work
@jitendrakumarsingh1137
@jitendrakumarsingh1137 3 жыл бұрын
1:31:05 I tried out as you said and made it. Thank you so much. This is my first project learning web development. I loved the way you created those utilities. Thank you.
@SunriseBusinessClub
@SunriseBusinessClub 4 жыл бұрын
I don't get this stuff 'overflow: auto' on a container. Why it is working like that??
@guillaumedupont2902
@guillaumedupont2902 4 жыл бұрын
All the same, still confused about that one. Gonna have a look on W3 Schools this afternoon to clarify some stuff...
@jamesmassa1999
@jamesmassa1999 4 жыл бұрын
I don’t mean to butt in… but, overflow: auto seems to just add a scroll bar. Maybe try this: don’t add overflow: auto. Don’t use a margin, instead of margin add padding - padding: 10px 0px;
@padaleksandra
@padaleksandra 4 жыл бұрын
Have the same confusion. How does "overflow: auto;" work like that in this situation?
@AntonShestakov
@AntonShestakov 4 жыл бұрын
Thank you very much. I was wondering what should i choose for my project - MDBootstrap vs Material-UI vs Bootstrap - but this lesson, thought me, that i can do it from scratch and i should not afraid.
@dilshadalam4620
@dilshadalam4620 4 жыл бұрын
How did overflow: auto work here, can someone explain to me? Thanks
@alejorodriguez5754
@alejorodriguez5754 4 жыл бұрын
Like everything. IT just does
@Nezubñueltomichi
@Nezubñueltomichi 4 жыл бұрын
How wise is the one who shares. Thanks a lot for sharing this tutorial. The best I've ever seen so far.
@Deternative
@Deternative 3 жыл бұрын
"0:01" Your tutorials are awesome! Thank you for taking your time to share them :) Btw, I'm so glad that I found this awesome and free tutorial also for starting web design business and getting the first clients! You can read it here - *𝗪𝗜𝗟𝗟𝗦𝗠𝗘𝗧𝗛𝗢𝗗𝗦.𝗖𝗢𝗠* Hope it helps guys! :) Leson patikilye ou yo awizom! Mèsi pou pran tan ou yo pataje yo :) Btw, mwen tèlman kontan ke mwen te jwenn leson patikilye sa a ak gratis tou pou kòmanse biznis konsepsyon entènèt ak ap resevwa kliyan yo an premye! Ou ka li li isit la :)
@ivanclarke
@ivanclarke 3 жыл бұрын
Incredibly detailed explanation of how the functions work. Excellent production, thank you.
@mvrossum
@mvrossum 4 жыл бұрын
Just watched it on Friday evening, definitely not a wast of time. Clear explanation, it all made sense. I’ll try to reproduce parts of it on my new site tomorrow. Thanks a lot !
@tomasburian6550
@tomasburian6550 3 жыл бұрын
You're a saint, my man. The work you are doing for us is astounding. I hope you will have a great life.
@mmelimahlobo7656
@mmelimahlobo7656 10 ай бұрын
Eix man this is the cleanest code I have ever seen,so so clean I am not convinced you had to learn this I think its just your second nature
@blender_tommy
@blender_tommy 4 жыл бұрын
Excellent video!...after a very long hiatus in developing and coding been getting up to speed with all the changes in HTML and CSS (last time I did I used HTML 4.01 and CSS was in it's infancy), and I must say this video is right up my alley as to how well explained it is and why things need to be coded in a certain way...it's making getting up to speed a breeze. Well done!
@josephwong2832
@josephwong2832 4 жыл бұрын
Love what you can demonstrate with vanilla HTML/CSS we need more tutorials like these!
@tonyjones1758
@tonyjones1758 4 жыл бұрын
I've been missing this. From this I can go to or apply those other things. Starting from those other things makes me realize how much I need this. Thanks Brad.
@mianlyyy
@mianlyyy Жыл бұрын
I'm doing fine in my academics all because of you. Thank you very much and keep up the good work.
@sirinongorur5676
@sirinongorur5676 3 жыл бұрын
Thank you for uploading this great video!! I am a beginner so this video was really appreciated. When you wrote the css code .showcase-form input[type='text'], .showcase-form input[type='email']{} I just remembered that there was a sudo selector called :not() that would have been perfect to use instead. You mentioned that you wanted to target the input elements but not then one containing [type="submit"]. This could be done by writing: .showcase-form input:not([type='submit']){} I tried it out and it worked! :) Thanks again!
@jessica-tv6ep
@jessica-tv6ep 4 жыл бұрын
I love how Brad always makes tutorial with explanations, but there is something I wanna ask, when we want to make the new element in the .showcase, should we add to both *.showcase::before* and *.showcase::after?* Because I tried to make the element only on *.showcase::before* and the result was the same. Thank you to anyone who wants to help me with this question :)
@jessica-tv6ep
@jessica-tv6ep 4 жыл бұрын
AHA! after 3 minutes of trying to know the answer, the result is we make double element when we code like: *.showcase::before* , *.showcase::after* { ... background: yellowgreen; transform: skewY(5deg); } *I tried .showcase::before and .showcase::after to make a new different element. Just try this code, you will see the difference clearly.* *.showcase::before* { ... background: yellowgreen; transform: skewY(5deg); } *.showcase::after* { ... background: purple; transform: skewY(-2deg); } Anyway, thank you, Brad, for your tutorial. You help me since the day-1 I code :)
@Lucky7Sampson
@Lucky7Sampson 4 жыл бұрын
Wow! I was JUST looking at your 'Build an HTML website with a responsive layout' from 3 years ago and was bummed that it was a little outdated. I searched for "how to build a responsive website flexbox" and this popped up and I saw it was posted TODAY! Kinda crazy. Anyway, thanks for this!
@somuravi4211
@somuravi4211 3 жыл бұрын
Your are the king of Web❤️ excellent and mind blowing teaching 🙏🙏🙏🙏🙏🙏
@yessirski7868
@yessirski7868 Жыл бұрын
asked a question on the 2017 vid and little did I know you already had the video! goat.
@masibulelemgoqi2354
@masibulelemgoqi2354 4 жыл бұрын
I haven't even go through this video that much but I already have a feeling that I'll get the best out of it since I went through a lot of your videos guy. I've learnt and grew a lot of my programming skills from you guys. keep up the best work guys :)
@JeredLeisey
@JeredLeisey 3 жыл бұрын
Ran into a bit of a "gotcha" moment at 51:30 in the video. setting the .stats-heading to margin: auto did not give me equal margins (the h3 test did not center). Turns out the my-1 utility class we had just made was interfering, since it is defined with margin 1.5rem 0; Since both of these have the same CSS specificity (both acting on a single class property), the one that was defined last took precedent. I put my link to the utilities style sheet after the one for style.css, which means the my-1 definition came last. Lesson learned: Pay attention to your specificity and the order in which you are importing your CSS.
@automationtesting3149
@automationtesting3149 3 жыл бұрын
Pretty new to HTML and CSS. This is the best video to get started. Thanks for this!
@rafaelsoteldosilva
@rafaelsoteldosilva 3 жыл бұрын
Brad's way of explaining is the best!!!!
@7ollock
@7ollock 4 жыл бұрын
I saw when Brad shared this on Twitter months ago. I can't say enough how happy I am to see this course. Neat!
@sixtusushahemba9419
@sixtusushahemba9419 3 жыл бұрын
I must say the project is great and you took every step gradually, in a way one can understand. thanks for the course, it's amazing.
@zaidbinzia.392
@zaidbinzia.392 4 жыл бұрын
I have seen so many video by this video is Very easy and Brad you are such a great teacher...🔥👌👍😊❤️❤️❤️😘😘😘😍
@tudortoma3885
@tudortoma3885 4 жыл бұрын
Learning React and really felt the need to freshen up a lil' bit my html and css. Brad, once again, thank you for everything.
@mubeenyaseen5543
@mubeenyaseen5543 3 жыл бұрын
Great tutorial from Traversy Media. As I am a beginner, it helps me a lot in approaching CSS practically. Moreover, it helps me to design any website step by step with clean code. Thank you for this great tutorial.
@zooom6286
@zooom6286 4 жыл бұрын
This one comes in a perfect timing. Weekend's coming and i have a lot of time to do this one. Thanks brad!!
@alexradu1921
@alexradu1921 3 жыл бұрын
1:31:04 I just love when Brad tells us to try something on our own, it really encourages us to go and really put in some more effort. Really motivating. Btw, I've learned so much more from this video than the freeCodeCamp's Responsive Course... but don't get me wrong, it's a good free course after all, but I didn't really learn something applicable in the real world unlike this video from Brad that changed everything. Many thanks, Brad, you are too awesome... Your older motivational videos really got me going in the past months.
@Griot-Guild
@Griot-Guild 2 жыл бұрын
Ahhh i just hit a roadblock with freecode camp
@karthikkumar6616
@karthikkumar6616 3 жыл бұрын
traversyMedia is wonderfull oppurtunity lo learn thankyou so much sir for sharing your knowledge to us ....
@fardinmun8130
@fardinmun8130 3 жыл бұрын
I'm a poor guy but when I'll have a chance to pay you I'll definitely do. I've learned a lot from you brad
Flexbox Crash Course 2024
46:54
Traversy Media
Рет қаралды 437 М.
HTML Crash Course For Absolute Beginners
1:00:42
Traversy Media
Рет қаралды 7 МЛН
1, 2, 3, 4, 5, 6, 7, 8, 9 🙈⚽️
00:46
Celine Dept
Рет қаралды 71 МЛН
бабл ти гель для душа // Eva mash
01:00
EVA mash
Рет қаралды 7 МЛН
They Chose Kindness Over Abuse in Their Team #shorts
00:20
I migliori trucchetti di Fabiosa
Рет қаралды 11 МЛН
Learn CSS Grid the easy way
37:04
Kevin Powell
Рет қаралды 927 М.
How is this Website so fast!?
13:39
Wes Bos
Рет қаралды 907 М.
Create a Website With Video Background | HTML & CSS
35:15
Traversy Media
Рет қаралды 614 М.
10 CSS Pro Tips - Code this, NOT that!
9:39
Fireship
Рет қаралды 2,2 МЛН
«Осень». Самая большая загадка Windows XP
14:36
Девять десятых
Рет қаралды 1 МЛН
NestJs Course for Beginners - Create a REST API
3:42:09
freeCodeCamp.org
Рет қаралды 1,5 МЛН
Learn Flexbox CSS in 8 minutes
8:16
Slaying The Dragon
Рет қаралды 1,6 МЛН
Learn CSS Flexbox in 20 Minutes (Course)
20:37
Coding2GO
Рет қаралды 221 М.
Build this JS calculator in 15 minutes! 🖩
15:20
Bro Code
Рет қаралды 642 М.
100+ Web Development Things you Should Know
13:18
Fireship
Рет қаралды 1,5 МЛН
1, 2, 3, 4, 5, 6, 7, 8, 9 🙈⚽️
00:46
Celine Dept
Рет қаралды 71 МЛН