Build a Modern Landing Page Website | HTML & CSS

Поделиться
HTML-код
  • Опубликовано: 5 ноя 2024

Комментарии • 372

  • @KevinPowell
    @KevinPowell 4 года назад +491

    Just want to say a really big "Thank you" to Brad for having me here on his channel. Pushed me to make a really awesome page, definitely one of my more fun projects in recent memory. I really enjoyed making this, and am so happy that Brad was willing to have it on his channel!

    • @user-zp1dv4yh5e
      @user-zp1dv4yh5e 4 года назад

      Thanks

    • @emmanuelnwabuodafi6415
      @emmanuelnwabuodafi6415 4 года назад +4

      i was the first person to like and comment on this, thanks boss brad for everything i love you and owe you so much, thanks boss Kevin more grease and more Grace , thanks so much boss brad taking out time to make each one of us better, i wont ever forget everything you have done to make this channel what it is

    • @ThiagoVieira91
      @ThiagoVieira91 4 года назад +3

      Great to see you here Kevin! Hope to see you more. Your videos about obscure CSS properties are helping me get new, better jobs.

    • @harishst202
      @harishst202 4 года назад

      Wow... You are here! :tada:

    • @TraversyMedia
      @TraversyMedia  4 года назад +25

      No problem, thank you Kevin :) Great project

  • @kvncnls
    @kvncnls 4 года назад +118

    Yes!! The CSS master is in! Kevin is literally the CSS MASTER. He's got videos of some of the most niche CSS properties and elements and explains them so thoroughly.

    • @KevinPowell
      @KevinPowell 4 года назад +15

      Glad you enjoy my content!

    • @pacholskigaming8699
      @pacholskigaming8699 4 года назад +2

      Yeah he's. Using tags I've never even heard of. Some forbidden jutsus

    • @الإسلامدينالحق-خ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
      ruclips.net/p/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

  • @ApurvKhare
    @ApurvKhare 4 года назад +78

    One of the most underrated Web Dev Tutor on RUclips. I can't wait to follow along and learn new things in CSS.

    • @KevinPowell
      @KevinPowell 4 года назад +5

      Thanks so much!

    • @emmanuelnwabuodafi6415
      @emmanuelnwabuodafi6415 4 года назад +2

      @@KevinPowell we love you boss, i finished your course,the one you did for freecodecamp and i liked when you said you are a css evengelist the course taught me so much, you are blessed sir

    • @dioncadiz
      @dioncadiz 4 года назад +7

      He is definitely not underrated, everyone who's learning web dev and keeps track of legit RUclipsrs for web development know too well how good Kevin Powell is. He is legit.

    • @sidheshwartiwari9834
      @sidheshwartiwari9834 4 года назад +4

      Beware it's addictive..
      I literally used to hate css , now All i do is write CSS the whole day

    • @cerealrakist7360
      @cerealrakist7360 3 года назад

      @@dioncadiz that’s right! He’s the CSS GURU 🙇🏻‍♀️

  • @josuealmonasi
    @josuealmonasi 4 года назад +16

    Two of my favorite teachers out there, Kevin in Brad's channel, thanks guys, I learned to love what I do by watching your videos, best of the best.

    • @الإسلامدينالحق-خ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
      ruclips.net/p/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

  • @mattshissler7703
    @mattshissler7703 2 года назад

    Kevin Powell is becoming my bestie! I spend more time with Kevin than anyone else many days. Can’t thank you enough fren.

  • @siemen_subbaiah
    @siemen_subbaiah 4 года назад +12

    Finally the God of css from RUclips on brad's channel🔥

  • @emmanuelAumsuri
    @emmanuelAumsuri 4 года назад +11

    Finally Brad you welcomed Kevin I was waiting so much for him here.. you did a great Job to combine knowledgeable people together is not a simple thing to do that.. this is really awesome.. we are together..

    • @الإسلامدينالحق-خ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
      ruclips.net/p/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

  • @gothicwave7761
    @gothicwave7761 4 года назад +2

    Kevin Powell is absolutely the best CSS channel in existence, his passion for CSS is contagious and has helped me get over many unpleasant CSS issues :).

  • @rodrigonovaes7812
    @rodrigonovaes7812 4 года назад +1

    Kevin is one of the best with CSS. The channel did well to bring his content in.

  • @ThiagoVieira91
    @ThiagoVieira91 4 года назад +107

    ME: "The perfect crossover doesn't..."
    BRAD TRAVERSY:

    • @KevinPowell
      @KevinPowell 4 года назад +4

      Haha, thanks Thiago :)

  • @MuhammadArif005
    @MuhammadArif005 4 года назад +12

    Thanks, Brad! Thanks, Kevin! For all of your efforts.
    New things, learned today :
    1. clamp()
    2. @supports()
    3. .spacing>*+* {} (was struggling with this matter in my last project)

    • @rohullahjafari9652
      @rohullahjafari9652 4 года назад

      excuse me I need help, @support is not working for me?
      please tell me what to do?

    • @MuhammadArif005
      @MuhammadArif005 4 года назад

      @@rohullahjafari9652 What is the problem?

    • @rohullahjafari9652
      @rohullahjafari9652 4 года назад

      @@MuhammadArif005 Hi, nothing, thanks a lot. I solved the problem.
      hey do you work or not?

    • @MuhammadArif005
      @MuhammadArif005 4 года назад

      @@rohullahjafari9652 Yes i Do!

  • @riaznapa
    @riaznapa 4 года назад

    The best guy for CSS is here, well done Traversy Media.

  • @MrRades123
    @MrRades123 4 года назад +1

    Kevin, the greatest. I have been following his tutorials since 2018 and have earned the knowledge I have right now in CSS. Of course, a lot of those I have also forgotten, but the core still lives in my head

    • @الإسلامدينالحق-خ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
      ruclips.net/p/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

  • @geebsayshi
    @geebsayshi 4 года назад

    Kevin is one of the best tutors out there. I don't joke with his content. Helped me grow a great deal. Thank you

  • @aakashbashyal1822
    @aakashbashyal1822 4 года назад

    This is too advanced! overwhelmed! This video made me realize that I don't know so many things on CSS.

  • @cerealrakist7360
    @cerealrakist7360 3 года назад

    I came back 8 months later to watch again. I mean can anyone else think of a more powerful duo than Brad & Kevin? Omg what if they teamed up together and taught us something big one day!! 😊✌🏻

  • @Rebel8MAC
    @Rebel8MAC 3 года назад

    The way Kevin starts the video seems like he knew there were some people that were whispering to each other "I don't think his name is Kevin.... is it?"
    Then he comes on almost laughing, "Hi, my name IS Kevin...."
    Love the vid. I learn so much. Thanks

  • @seanpheneger6632
    @seanpheneger6632 4 года назад

    Been following both Brad's channel and Kevin's channel for a long time now. So glad to see Kevin being a guest creator here! He deserves all the exposure he can get. Love all the content both channels put out.

  • @MARIUTSKI13897
    @MARIUTSKI13897 4 года назад +6

    Amazing collab! I'm a huge fan of Kevin, it's great that you brought him to the channel 😄

  • @shubhamdobriyal541
    @shubhamdobriyal541 4 года назад +2

    That's what I like about Kevin he brings out new things that I don't know and could be very useful. I have seen a lot of landing page videos but not all of them are good as they have nothing new but this one is definitely is good.

  • @gambomaster
    @gambomaster 4 года назад

    Kevin is a very underrated instructor. I am glad he is on this channel. 👍

  • @miguelangelorellana8343
    @miguelangelorellana8343 4 года назад

    I'm a backend developer. Your tutorial is what I need to learn CSS in real life. Thank you.

  • @danielwestlund9208
    @danielwestlund9208 4 года назад

    My two favorite coding teachers / youtubers combined!

  • @EduardoBarros13
    @EduardoBarros13 4 года назад +1

    This is SO USEFUL to watch the full processes like this! This is just what it feels my learning process needs, the thoughts behind what is happening.
    Again, really useful! Thank you!

    • @الإسلامدينالحق-خ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
      ruclips.net/p/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

    • @EduardoBarros13
      @EduardoBarros13 3 года назад

      @@الإسلامدينالحق-خ5ت pass.

  • @jazz.a.m
    @jazz.a.m 4 года назад +1

    this guy be giving easter-eggs-like-knowledge. awesome video! thanks

  • @abishekh07
    @abishekh07 4 года назад +1

    Thank you for featuring Kevin, Brad.

  • @favouritejome
    @favouritejome 4 года назад +2

    Awesome, the section where you didn't have to make use of media query is really handy. I'll make sure i try that. Thanks Kelvin and Brad. 🤩

  • @fredhair
    @fredhair 4 года назад +2

    Love Brad and Kevin. Hope things get back to normal for Traversy Media but I'm enjoying this interlude featuring many other brilliant creators. Big respect to you guys and wish you both well for the future!

  • @mrMinstrel
    @mrMinstrel 4 года назад

    Super...Brad pushes Kevin a little bit and he produced something fun and exciting for all of us to learn by... Many thanks!

  • @vernielariosa8996
    @vernielariosa8996 4 года назад +1

    These two guys are my go to when it comes to web and css. Thank you!

  • @benzflynn
    @benzflynn 4 года назад

    Great to have a real pro designer doing CSS.

  • @michaelwiginton8587
    @michaelwiginton8587 4 года назад

    I love this new format with different people.

  • @mariusj8542
    @mariusj8542 2 года назад

    That was amazing, great to see someone really mastering advanced css. Really liked your float, took me back a few years.

  • @barungh
    @barungh 4 года назад

    Really Brad Traversy taking his level to completely new unbeatable level !

  • @NovaKirsch
    @NovaKirsch 4 года назад

    I think Kevin's go to word is "crap". He always does a great job with his explanations on his videos. Thanks for having him on here, Brad.

  • @theegreatestever2420
    @theegreatestever2420 4 года назад

    Kevin is such an amazing teacher. I am enrolled in his 21 days responsive challenge course and have been his follower for a while but he is just so amazing at teaching

    • @الإسلامدينالحق-خ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
      ruclips.net/p/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

  • @bassemkhozam
    @bassemkhozam 4 года назад

    Wow! Two of my favorites in one channel! Brad and Kevin!

  • @briancross4415
    @briancross4415 4 года назад +1

    Amazing. I thought I knew CSS alright but this video has shown me so many tricks I didn’t know about. Definitely subscribing!

  • @thefireagen
    @thefireagen 4 года назад

    Kevin excitement to code in css...gets me excited to make something out of it. Love.

  • @castlemoyle
    @castlemoyle 4 года назад

    Another great video. Thanks to both Brad and Kevin. That text-wrap trick is awesome.
    And to think I had to go to Traversy's site to hear Kevin hit specificity perfectly three times in a row!

    • @الإسلامدينالحق-خ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
      ruclips.net/p/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

  • @niyongaboeric
    @niyongaboeric 4 года назад +1

    Thank you, Kevin, for sharing your knowledge. I am working on a project but I have no idea how my landing would be designed. I think I can use what you shared. Brad and you are a good teachers.

    • @الإسلامدينالحق-خ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
      ruclips.net/p/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

  • @robingiri7281
    @robingiri7281 4 года назад +2

    Thanks brad nice to see him here...

  • @helloitsjury
    @helloitsjury 4 года назад

    This channel is in good hands, what a great tutorial.

  • @sumankathet2560
    @sumankathet2560 4 года назад

    Was waiting for you here since brad started this series.... Glad you are here😊

  • @allfunshwz
    @allfunshwz 4 года назад +1

    This is an amazing video. It shows every step on building the website, but also the thought process and some tips here and there. good teacher!

  • @tim_t
    @tim_t 4 года назад

    Great to see you here, Kevin!

  • @westfield90
    @westfield90 4 года назад +1

    Another superb video. Thank you to both Kevin and Brad.

  • @Narra09.
    @Narra09. 4 года назад

    Still learning during quarantine. Thank you Kevin & Brad. 🔥🔥🔥
    S/o from Philippines!

  • @randerins
    @randerins 4 года назад

    Always good revisiting the basics. Makes us more and more familar with it.

  • @muhammadainuddin4650
    @muhammadainuddin4650 4 года назад

    Greatest cross over in web development is finally here.

  • @tradewinds9832
    @tradewinds9832 4 года назад +2

    Nice one Kevin. I like that your explanations are easy to grasp and you always provide a link to the code. I have decided not to watch channels that don't provide the code. Again, thanks.

  • @ינוןאלבז-כ1ז
    @ינוןאלבז-כ1ז 4 года назад

    Full of content and value in no time. Thank you

  • @LogieJames
    @LogieJames 4 года назад

    Awesome! My two favourite channels for Web stuff combined! Love it :D.

  • @cesargalindo2627
    @cesargalindo2627 4 года назад +3

    I agree with KVNCNLS. This is so far the best HTML & CSS video I have ever seen. The CSS master is in. I also like the fact that he is programming this live, meaning he is correcting or changing his mind as he is programming. That is awesome...! I have not seen any UDEMY courses made by Kevin. His explanations are so clear and he advises you why or how to use the code. Once again, he is by far the best instructor I have watched. Hey TRAVERSY, you good too man....!

  • @v1d300
    @v1d300 4 года назад +1

    s p e c i f i c i t y
    One of the best CSS mentor Kevin Powell on Traversy! Thank you Brad.

  • @hashirattiyedath
    @hashirattiyedath 4 года назад +1

    Master of CSS "Kevin Powell" 👌❤️

  • @randomuser66438
    @randomuser66438 4 года назад +1

    This reminded me that BEM goes well with SASS.
    Thanks, guys!

  • @mkahmad5519
    @mkahmad5519 3 года назад

    Very very best tutorial on youtube about this topics. I can't explain what to say, very nice. Thank you making tutorial like this, people can understand easily.

  • @koordszz
    @koordszz 4 года назад

    Dang. He just introduced so many new things about CSS that I don't know about.

  • @ogaja1
    @ogaja1 4 года назад

    watching this from kenya thanks Brad

  • @cerealrakist7360
    @cerealrakist7360 4 года назад

    One of my favorite teachers yay ! You’re crushing it Brad and ty Kevin! I’ve learned so much from you both!

    • @الإسلامدينالحق-خ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
      ruclips.net/p/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

  • @samip4sure
    @samip4sure 4 года назад +1

    I love Kevin's videos. Learned a lot of CSS stuff from him!

    • @KevinPowell
      @KevinPowell 4 года назад +2

      Glad to hear that Samip!

  • @de_g3ntl3m4n2
    @de_g3ntl3m4n2 4 года назад +2

    This was actually freaking awesome to follow along... I MISS YOU BRAD THOUGH but thank you KEVIN!! you a boss lowkey :) keep it up cant wait to see more from both your channels please keep on the projects coming and these mini lessons they are just so freaking amazing!!! thank you for the effort guys this was actually really fun i am not going to lie this was really nice done

    • @الإسلامدينالحق-خ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
      ruclips.net/p/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

  • @Explore2Adore
    @Explore2Adore 4 года назад

    This is quite inspirational. I am learning CSS easily enough, but i think i am only just beyond the basics. Thinking before this video there is not much to achieve with CSS, i think i could be wrong. Thank you Kevin!

  • @bishalsenhdri7655
    @bishalsenhdri7655 4 года назад

    Kevin is a CSS PRO guy. He knows CSS more than MDN. :)

  • @MichaelCook1981
    @MichaelCook1981 3 года назад

    Learned a lot. He used a lot of cool tricks. I just started learning web development.

  • @Anthony755
    @Anthony755 4 года назад

    Wow now this channel is "Web Development All-Stars".

  • @guiiimkt
    @guiiimkt 4 года назад +4

    Instead of using @supports on the hero background you could use like this:
    background-color: #222;
    background: url(./img/shoe-3.png), radial-gradient(#444, #111);
    It will do exactly what he was trying to do.
    If the browser does not supports background-blend-mode, it will fall back to background-color: #222

  • @mwlai288
    @mwlai288 4 года назад

    Kevin is a great resource for design. This is great!

  • @alekseytrump1586
    @alekseytrump1586 4 года назад

    Когда вижу код сразу лайк. Это привносит скорость в работу с похожими задачами! Channel very very cool!!!😁

  • @a1taria970
    @a1taria970 4 года назад

    Mabuhay from Philippines! Much appreciated Brad and Kevin 🙆

  • @mranonymous55
    @mranonymous55 4 года назад

    Your my fav RUclipsrs I have been waiting for you to see you on this channel finally here you are

  • @BoisNation
    @BoisNation 4 года назад +2

    Finally, Kevin is on here!

  • @thequickcode5144
    @thequickcode5144 3 года назад

    Sir your teaching method is very simple

  • @jellied_fungus
    @jellied_fungus 2 года назад

    All it took was the first 5 minutes to know how little I actually know, thank you!

  • @jeffborges101
    @jeffborges101 4 года назад

    Woooow. Brad & Kelvin...
    Masters of the web stack bringing knowledge to all of us.
    Huge thanks 🙏 🙏 🙏 🙏 🙏

  • @JordanAF808
    @JordanAF808 4 года назад

    Really enjoyed learning about all these css/sass features from you Kevin, this was very informative! couldn't see little bits of your code here and there but not a big deal.

    • @الإسلامدينالحق-خ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
      ruclips.net/p/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

  • @ashleysouffrant1320
    @ashleysouffrant1320 4 года назад

    With such quality, you’re an inspiration.

  • @sureshrainah954
    @sureshrainah954 4 года назад

    Great to see Kevin here

  • @mr.nice_
    @mr.nice_ 4 года назад

    Kevin Powel , nice ! Good choice Brad, this man rocks !

  • @briandesign
    @briandesign 4 года назад +1

    CSS is my fav

  • @geekprobin1456
    @geekprobin1456 4 года назад

    Your videos are helpful as usual.

  • @mjunior1413
    @mjunior1413 3 года назад

    This was a really great video, I watched the whole thing didn't skip a part, was really informative and really inspiring. Thanks to Brad and Kevin for the work they put in.

  • @rawg2277
    @rawg2277 4 года назад

    Nice to see KP on Traversy. Say hi to Brad.

  • @masoodkhanpatel
    @masoodkhanpatel 4 года назад

    woahhhh! the power of HTML+CSS!

  • @demsouthalls
    @demsouthalls 2 года назад

    Great video with helpful insight on CSS in general and some Sass in particular.

  • @tjrogers1684
    @tjrogers1684 4 года назад

    BTW, love all the guests you've been having on here!

  • @kerenkalifa
    @kerenkalifa 4 года назад

    Awesome video!!!! So many things I didn't know about CSS. Thanks Kevin and ofcthanks Brad for bringing another amazing content to this channel

    • @الإسلامدينالحق-خ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
      ruclips.net/p/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

  • @latcat768
    @latcat768 4 года назад

    Thanks Kevin! You are a super smart guy.

  • @ИванМ-н3ф
    @ИванМ-н3ф 4 года назад +10

    40:47 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    }

    • @ChristianKolbow
      @ChristianKolbow 4 года назад +1

      12.5% ( 25% / 2 ) :D

    • @mattjulian
      @mattjulian 4 года назад

      i was screaming 12.5!!! like a crazy person

  • @namikbatra4094
    @namikbatra4094 4 года назад +2

    Heck yeah Kevin is here❤️

    • @KevinPowell
      @KevinPowell 4 года назад +1

    • @namikbatra4094
      @namikbatra4094 4 года назад

      @@KevinPowell wow. Thank you replying, you made my day.

  • @rsrini7
    @rsrini7 4 года назад

    Legend in CSS field.. Thanks.

  • @hamzahmd_
    @hamzahmd_ 3 года назад

    Now I know why you deserve to be called as a CSS master.

  • @npjairaj
    @npjairaj 4 года назад +56

    When I think about CSS, only one name comes to my mind. Kevin Powell.

  • @yasir269050
    @yasir269050 4 года назад

    very nice. You are a CSS PRO!

  • @abiodunolunu192
    @abiodunolunu192 4 года назад

    Wow. Kevin Powell on Traversy's Page. Wow

  • @martin42382
    @martin42382 4 года назад

    Killed it! Nice job! Will definitely watch again! Thanks for the info 👍

  • @andreimade3261
    @andreimade3261 4 года назад

    Very interesting video, learned a bunch of stuff in css even though I thought I knew it well enough, but this open my eyes more to see that I still have more to learn. Love how it was explained all even with sass.

    • @الإسلامدينالحق-خ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
      ruclips.net/p/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-

  • @catalinim4227
    @catalinim4227 4 года назад

    in the split container you could do a one-liner auto-fit minmax.. with grid
    in the featured if you want to make the blue ::after smaller, just add border with color of parent

  • @omambiadauglous1852
    @omambiadauglous1852 4 года назад

    Thank you Kevin, for this great content, I never knew your content, thank Brad.