Building a Product Landing Page with HTML & CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 ม.ค. 2025

ความคิดเห็น • 74

  • @umarali67282
    @umarali67282 4 หลายเดือนก่อน +4

    Definitely need these more often!!

  • @lenjgan6850
    @lenjgan6850 4 หลายเดือนก่อน +1

    Yeeey! Welcome back codercoder! We’ve missed you😊

  • @Abdulazizweb
    @Abdulazizweb 4 หลายเดือนก่อน +2

    Excellent layout!! & step-by-step process tutorial.
    Really, appreciate

  • @مهدیرمضانی-س1ل
    @مهدیرمضانی-س1ل 4 หลายเดือนก่อน

    definitely 'till now it was the best video i've saw about implementing a design, We all code, but not in a standard way

  • @ahmedkhabar
    @ahmedkhabar 4 หลายเดือนก่อน

    1:06:47 when the code become more complex to understand, like in this case, there is a good approach to make it easier to understand as Kevin Powel said in the CSS Days, you can use the CSS variables, for example --columns-num: 3, --gap: 20, and use it, and if someone need to change it, it's very easy to change the value of the variables which already has a understanding names.

    • @codercoderbuilds
      @codercoderbuilds  4 หลายเดือนก่อน +2

      Definitely! My next video on my main channel is about doing exactly this, actually 😁

  • @mahanbabaee8998
    @mahanbabaee8998 5 หลายเดือนก่อน +1

    I really enjoy your high quality videos

    • @codercoderbuilds
      @codercoderbuilds  5 หลายเดือนก่อน

      Thanks so much for watching!!

  • @MH-AnaS-007
    @MH-AnaS-007 5 หลายเดือนก่อน

    Thank you so much. I really appreciate your time and patience. Enjoyed this lesson. ❤

  • @fullpreteristnow
    @fullpreteristnow 4 หลายเดือนก่อน +1

    I would definitely change the spacing to be consistent throughout the design, especially on the mobile version. I don't want to have to scroll too much and some of the spacing seems too much-arbitrary in fact. Nice job. I too was thinking from the beginning just to do the entire thing in grid, including the nav, which you did end up changing. I really was thinking that I have grid down for this kind of design, but with all that math-I want to think there is an easier way. But once you have the system in place, you don't have to reinvent the wheel all over again. Let's see if we can simplify those grid templates. Not sure it can be done, but we must always try.

  • @nielslytzdk
    @nielslytzdk 4 หลายเดือนก่อน

    Love your videos, your'e an amazing teacher!! Looking forward to the next one 😁.

    • @codercoderbuilds
      @codercoderbuilds  4 หลายเดือนก่อน +1

      Thanks so much! I do my best. Will hopefully be doing one of these per month (in addition to my main channel)

  • @vinay_dias
    @vinay_dias 5 หลายเดือนก่อน +8

    Her experience speaks through her videos can you do these weekly or monthly maybe ? 🥺

    • @codercoderbuilds
      @codercoderbuilds  5 หลายเดือนก่อน +8

      Definitely plan on doing these at least monthly!

    • @vinay_dias
      @vinay_dias 5 หลายเดือนก่อน

      @@codercoderbuilds not being personal but does your husband have a youtube coz his editing skills are top notch #chefskiss

    • @TheCoderCoder
      @TheCoderCoder 5 หลายเดือนก่อน

      @@vinay_dias Thanks for the kind words! He does-- just starting out, but he is planning more videos on this channel soon! www.youtube.com/@DigitalSageVideo

    • @dannyalexander1876
      @dannyalexander1876 4 หลายเดือนก่อน

      @@codercoderbuilds That would be AWESOME!!!

    • @JavaScript-er101
      @JavaScript-er101 4 หลายเดือนก่อน

      @@codercoderbuildscan you please link the Figma design?

  • @muhammad_zohaib936
    @muhammad_zohaib936 4 หลายเดือนก่อน

    Thank you so much you made it so easy your hard work shows in it ❤❤🙌🙌

    • @codercoderbuilds
      @codercoderbuilds  4 หลายเดือนก่อน +1

      Thanks for watching!

    • @muhammad_zohaib936
      @muhammad_zohaib936 4 หลายเดือนก่อน

      @@codercoderbuilds BTW throughout the video you were so depressed and stressed 🥲🙂

  • @gennagraphics
    @gennagraphics 5 หลายเดือนก่อน

    What . You are an experienced coder for sure😂😂

  • @intelpakistan
    @intelpakistan 2 หลายเดือนก่อน

    The world of AI landing page builders this was needed.

  • @shami-dev
    @shami-dev 4 หลายเดือนก่อน

    Great content!🤟
    Thank you Jessica!
    Do you like to use Tailwind CSS or CSS in JS?

  • @SagorKhanOmi
    @SagorKhanOmi 5 หลายเดือนก่อน

    I really love you and your code

  • @alexlynpi
    @alexlynpi 5 หลายเดือนก่อน

    Great teaching. I’d sugguest, standard naming convention to variables at early stage of learning. Like Primitives, Primary etc…

  • @MwishaLudack
    @MwishaLudack 4 หลายเดือนก่อน

    This is a good project. If you recorded this in one go, then you have strong mind.
    Although there may be other ways to approach building this project, you've made troubleshooting to solve problems easy to follow. It would have been even better if you had included the links to the websites that you used in the tutorial.
    Do you also build sites with Reactjs though?
    Thank you for this good job.

    • @codercoderbuilds
      @codercoderbuilds  4 หลายเดือนก่อน

      thanks for watching! I'll try to be better about including the links-- which one were you looking for?
      and I don't use React, sorry! Maybe in the future!

  • @АнтонВолков-щ1ъ
    @АнтонВолков-щ1ъ 4 หลายเดือนก่อน

    Do you have initial code?

  • @Phemeey
    @Phemeey 5 หลายเดือนก่อน

    you are a blessing........thank you, I LOVE YOU!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  • @HH-zb5ul
    @HH-zb5ul 4 หลายเดือนก่อน

    Looks good ❤ You are only know html css ?

  • @benyaminpixel
    @benyaminpixel 3 หลายเดือนก่อน

    Please do other projects like this

  • @Saifullahalizada-t4j
    @Saifullahalizada-t4j 4 หลายเดือนก่อน

    good ! tnx for ur good videos ... !!!

  • @GiovanniOro-v6s
    @GiovanniOro-v6s 4 หลายเดือนก่อน

    What music do you used while youre coding? thanks ..

  • @simplyihyan7251
    @simplyihyan7251 3 หลายเดือนก่อน

    i love your content but as a very beginner its hard for me to catch up especially for css, do you have a content with pure about css. and how did your learn those calculation on gaps?... from philippines.

    • @codercoderbuilds
      @codercoderbuilds  3 หลายเดือนก่อน +1

      thanks for watching! I don't have a ton of pure CSS tutorials, if that's what you mean? I recommend Kevin Powell or Dave Gray for CSS basics. But I will try to make some more beginner friendly content in the future.
      For the gaps I just figured it out myself based on what I needed to do, but calc() in general can be a very helpful function to learn in CSS.

  •  3 หลายเดือนก่อน

    I would like to see a similar project with Sass from you.

    • @codercoderbuilds
      @codercoderbuilds  3 หลายเดือนก่อน +1

      Thanks! I will be using Sass in the next one :D

  • @SQARM1
    @SQARM1 4 หลายเดือนก่อน

    thanks

  • @arshmash5340
    @arshmash5340 4 หลายเดือนก่อน

    hey, what happened to the rest of the videos in the channel ?

    • @codercoderbuilds
      @codercoderbuilds  4 หลายเดือนก่อน

      This is actually my second channel, my original one is still up!

  • @abdallahhaidary7987
    @abdallahhaidary7987 5 หลายเดือนก่อน

    new subscriber here!!

  • @MuhammadAbdullah-tv9nt
    @MuhammadAbdullah-tv9nt 5 หลายเดือนก่อน

    Hi Mam Can you share the landing page figma template files that are using in this tutoriall

    • @vinay_dias
      @vinay_dias 5 หลายเดือนก่อน

      They are from frontend mentor

    • @MuhammadAbdullah-tv9nt
      @MuhammadAbdullah-tv9nt 5 หลายเดือนก่อน

      @@vinay_dias Brother mam create code of figma template design and make frontend website

    • @codercoderbuilds
      @codercoderbuilds  5 หลายเดือนก่อน +1

      Sorry, they are only available if you have a Pro Frontend Mentor plan

  • @sujith9435
    @sujith9435 4 หลายเดือนก่อน

    confuse your enemies ❌
    confuse yourself ✅

  • @CamaguNcoso
    @CamaguNcoso 4 หลายเดือนก่อน

    New channel?

    • @codercoderbuilds
      @codercoderbuilds  4 หลายเดือนก่อน +1

      yep! This is my second channel

    • @CamaguNcoso
      @CamaguNcoso 4 หลายเดือนก่อน

      @@codercoderbuilds I've subscribed 😎

  • @abdulhhany
    @abdulhhany หลายเดือนก่อน

    thansssssssssssssssssssssssss

  • @7pac
    @7pac 4 หลายเดือนก่อน

    hello i'm very begginer can you give me a easy roadmap

  • @syedhasnain7456
    @syedhasnain7456 4 หลายเดือนก่อน

    Hi do you need a thumbnail designer

  • @CodeDevBoy
    @CodeDevBoy 5 หลายเดือนก่อน +1

    Lets go to tutorial hell without even trying it..

  • @MyBucketL1st
    @MyBucketL1st 4 หลายเดือนก่อน

    Quick question, do you use frameworks?

    • @codercoderbuilds
      @codercoderbuilds  4 หลายเดือนก่อน +1

      I have in the past, but currently I don't really.

  • @Admin9o5
    @Admin9o5 5 หลายเดือนก่อน

    ❤❤❤

  • @rushalthakur12
    @rushalthakur12 4 หลายเดือนก่อน

    I need internship can you help me

  • @Phemeey
    @Phemeey 5 หลายเดือนก่อน

    wait a se......do you have another channel

    • @codercoderbuilds
      @codercoderbuilds  5 หลายเดือนก่อน +1

      Yes, this is my second channel!

  • @roadrunner911
    @roadrunner911 5 หลายเดือนก่อน

    Cool.

  • @hariprasatht9082
    @hariprasatht9082 5 หลายเดือนก่อน

  • @Learn-with-Sumon-
    @Learn-with-Sumon- 3 หลายเดือนก่อน

    please give me figma file

    • @codercoderbuilds
      @codercoderbuilds  3 หลายเดือนก่อน

      sorry, you have to get it from Frontend Mentor

    • @Learn-with-Sumon-
      @Learn-with-Sumon- 3 หลายเดือนก่อน

      @@codercoderbuilds mam please start on tailwind css

  • @TOONSSTATION
    @TOONSSTATION 5 หลายเดือนก่อน

    Heyy..