Edit A Line CSS Changes All Design | Zero To Hero CSS Tutorial

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

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

  • @lundeveloper
    @lundeveloper  11 หลายเดือนก่อน +9

    An interesting line of code changes an interface, isn't it interesting? Don't forget to like and subscribe to the channel to watch new videos ❤❤❤ Thank you ❤❤

  • @kushangshah-be7hn
    @kushangshah-be7hn 3 หลายเดือนก่อน +5

    Your css and html was already legendary level from the beginning.

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

    Great example on how to use @container with style, this create a lot of possibilities to organized scalable modifiers for components.

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

    You are awesome dear, God bless you for being there to help out the new learners like me!!

  • @AbdullahHamed-ti1hw
    @AbdullahHamed-ti1hw 6 หลายเดือนก่อน +1

    Awesome, Thank you for the tutorial, very clean and neat.. easy to follow and code nesting is very well structured - Keep on growing bro.. All the support.

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

      Thank you so much ☺️☺️😍

  • @davidd.larred7238
    @davidd.larred7238 11 หลายเดือนก่อน +1

    Thanks for your content, great work as always.

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

      Thanks a lot. Hope it will be useful 😍😍

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

    Hey nice video! small suggestion you should've used data-attributes instead of css variable to get the values, as that is the recommended way for the example you've shown!

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

    You made a very important and well-crafted video with great content.

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

    Great work sir, you're all time fav css teacher

  • @Trendi_Vibes
    @Trendi_Vibes 16 วันที่ผ่านมา

    Woop thats great 👍

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

    This is next level bro🎉

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

    extremely interesting information, thanks for sharing! 👏

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

    Keep going! amazing stuff

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

    This is just awesome!

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

    WOW 💥💥

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

    Just amazing!

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

    wonderful tutorial please
    continue thanks

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

    Thank a lot sir.. very good work

  • @AzeemAsim
    @AzeemAsim 12 วันที่ผ่านมา

    Awesome.

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

    thanks for share. I was trying to get this shape

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

    Wow amazing man 👍

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

    Nice trick for the reverse radius.
    For the conditional custom property, what is the interest ?
    It's simpler to use a modifier class or a custom attribute, no ?

  • @satyamrajpro
    @satyamrajpro 11 หลายเดือนก่อน +5

    Really Appreciate your work, there are other ways too, like you can add a :has() attribute too, to do the same as you did with container. Another thing is that, can I get the source code please?

    • @lundeveloper
      @lundeveloper  11 หลายเดือนก่อน +2

      great, yes, has() can replace container in this case

  • @LudovicFontaine-lb9cy
    @LudovicFontaine-lb9cy หลายเดือนก่อน +1

    Why don't you use data-attributes ? it's not easier and clearer ?

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

    There are sectioning elements other than divs lol. But good tutorial

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

    How do you get the icons?

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

    Love the design and the concept, but I don’t understand your use of @container in this case. How this is different from simply applying a data attribute or even a class to the block ? @container is really useful when you want your card to have different layouts depending on the size available. The new container style query will be useful to parse styles values outside simple booleans, but it is not yet supported in Firefox and safari.

  • @MahmoudGamal-sx3bj
    @MahmoudGamal-sx3bj 6 หลายเดือนก่อน

    Your content is🔥. Please keep uploading awesome CSS content it's really helpful

    • @lundeveloper
      @lundeveloper  6 หลายเดือนก่อน +1

      Thank you so much bro 😍😍😍

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

    THANKS BRO... APPRECIATE

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

    What about translating the "Popular" and "New" texts of the content rule? Using css custom properties will work, right?

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

    why is it my popular text is working on container query but box shadow isn't working

  • @Art-01
    @Art-01 11 หลายเดือนก่อน +1

    Hello We really appreciate what you do, we are constantly learning new things. Can you make a video about Woocommerce products as well, so that we can use these codes on Woocommerce products too. Hope you post more videos also about Woocommerce and possibly Elementor. Thank you

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

    Can u please create a CSS tutorial to become this good 🙏🏻

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

    pls can you share how to do this
    i love your awesome tutorial

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

    Which extension u using plz tell

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

    what VS Code theme do you use?

  • @itsme8419
    @itsme8419 3 หลายเดือนก่อน +26

    From the "Zero to hero" name I know you are Indian my guy.

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

      nope, he's cambodian, he doesn't know english

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

      you wouldn't say that If you knew what his channel's name would sound like in India...

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

      ​@@ipunitbhardwaj😂😂😂 exactly

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

      Hes from vietnam or cambodia I guess

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

      Not Indian. He's Vietnamese. you don't have to guess, just open the channel info and you'd see his location.

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

    which vs code theme is this ?

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

    Can you write what your current topic was in VS code

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

    Apart from the horrible AI voice, it’s a great content. I’m suscribing.

  • @SRIRAMKANNAN-l1s
    @SRIRAMKANNAN-l1s 2 หลายเดือนก่อน

    Hi, could you please share this code because I couldn't find it in your website

    • @lundeveloper
      @lundeveloper  2 หลายเดือนก่อน +1

      Hello, sorry for the inconvenience. I usually do not post videos with little code on the website, so please write according to the code in the video 😥

    • @SRIRAMKANNAN-l1s
      @SRIRAMKANNAN-l1s 2 หลายเดือนก่อน

      @@lundeveloper thanks for the reply. But why I need ur code is that. I wanna implement the CSS code which u wrote for card::before, that's y came across your video. But unfortunately I couldn't achieve it. That's am asking you to provide the code. Hope don't mind

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

    What site are you using to generate your voices?

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

    I like your editor theme and fonts, would you like to share them?

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

      Yes. I shared it in a recent video

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

    Can you teach us how to do this in bootstrap 5?

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

    What's the font name?

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

    kindly recreate old videos in english language

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

    🔥

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

    can i have full source code ? I tried but it's doesn't work and i don't know where the bug is :(((

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

      Sorry but I didn't save this source code 😥

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

    What is the name of vs code theme you used, btw nice content bro keep it up❤new sub

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

    🎉

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

    why is my vscode not vscoding like lun dev code's vscode vscodes😠

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

      I don't know 😠

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

    字体和主题是什么

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

    bro do you can give me that template please

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

    Thanks for your content, great work as always.