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

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

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

  • @RenanGirotto
    @RenanGirotto Месяц назад +1

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

  • @kushangshah-be7hn
    @kushangshah-be7hn Месяц назад +3

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

  • @lundeveloper
    @lundeveloper  9 месяцев назад +6

    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 ❤❤

  • @amjadbhutto7925
    @amjadbhutto7925 Месяц назад +3

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

  • @satyamrajpro
    @satyamrajpro 9 месяцев назад +4

    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  9 месяцев назад +2

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

  • @codingsolution24
    @codingsolution24 Месяц назад +1

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

  • @MrPeepa
    @MrPeepa Месяц назад +2

    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!

  • @inteltone
    @inteltone 21 день назад

    extremely interesting information, thanks for sharing! 👏

  • @nirban7689
    @nirban7689 3 месяца назад

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

  • @davidd.larred7238
    @davidd.larred7238 9 месяцев назад +1

    Thanks for your content, great work as always.

    • @lundeveloper
      @lundeveloper  9 месяцев назад

      Thanks a lot. Hope it will be useful 😍😍

  • @EricFressange
    @EricFressange Месяц назад +2

    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 ?

  • @solarspear27
    @solarspear27 Месяц назад

    This is just awesome!

  • @1barut
    @1barut Месяц назад

    Just amazing!

  • @AbdullahHamed-ti1hw
    @AbdullahHamed-ti1hw 4 месяца назад

    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  4 месяца назад

      Thank you so much ☺️☺️😍

  • @Tay74514
    @Tay74514 Месяц назад

    This is next level bro🎉

  • @gilsonconceicao5201
    @gilsonconceicao5201 2 месяца назад

    thanks for share. I was trying to get this shape

  • @sumonmitra3651
    @sumonmitra3651 9 месяцев назад

    Thank a lot sir.. very good work

  • @heidardotdev
    @heidardotdev 4 месяца назад

    wonderful tutorial please
    continue thanks

  • @Art-01
    @Art-01 9 месяцев назад +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

  • @AaronSarmiento29
    @AaronSarmiento29 9 месяцев назад

    Keep going! amazing stuff

  • @landrit.
    @landrit. Месяц назад

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

  • @yonkomaroc7939
    @yonkomaroc7939 3 месяца назад

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

  • @ramzandiscovery
    @ramzandiscovery 9 месяцев назад

    Wow amazing man 👍

  • @AndreasDemetriou
    @AndreasDemetriou Месяц назад

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

  • @_u_nknownuser
    @_u_nknownuser 2 месяца назад

    THANKS BRO... APPRECIATE

  • @fdelaneau
    @fdelaneau 3 месяца назад

    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.

  • @ava_crey
    @ava_crey Месяц назад

    Can you write what your current topic was in VS code

  • @sidcena
    @sidcena Месяц назад

    Which extension u using plz tell

  • @sharpie882
    @sharpie882 Месяц назад

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

  • @FreakyYas
    @FreakyYas 9 месяцев назад

    kindly recreate old videos in english language

  • @MahmoudGamal-sx3bj
    @MahmoudGamal-sx3bj 4 месяца назад

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

    • @lundeveloper
      @lundeveloper  4 месяца назад +1

      Thank you so much bro 😍😍😍

  • @ezetenduwilliams7322
    @ezetenduwilliams7322 Месяц назад

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

  • @sobansaleem3492
    @sobansaleem3492 24 дня назад

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

  • @itsme8419
    @itsme8419 Месяц назад +25

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

    • @tika6050
      @tika6050 Месяц назад

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

    • @ipunitbhardwaj
      @ipunitbhardwaj Месяц назад +1

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

    • @slappy_chimp
      @slappy_chimp Месяц назад

      ​@@ipunitbhardwaj😂😂😂 exactly

    • @do7705
      @do7705 Месяц назад

      Hes from vietnam or cambodia I guess

    • @khaledMohamed-tp4wx
      @khaledMohamed-tp4wx Месяц назад +1

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

  • @terokmaximus6841
    @terokmaximus6841 9 месяцев назад

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

  • @rgmazon
    @rgmazon Месяц назад

    what VS Code theme do you use?

  • @mrwang8672
    @mrwang8672 8 месяцев назад

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

    • @lundeveloper
      @lundeveloper  8 месяцев назад

      Yes. I shared it in a recent video

  • @CoderGeek-u6m
    @CoderGeek-u6m Месяц назад

    How do you get the icons?

  • @Neil_09
    @Neil_09 9 месяцев назад

    What site are you using to generate your voices?

  • @High_lifestyle_clips
    @High_lifestyle_clips Месяц назад

    which vs code theme is this ?

  • @hariprasatht9082
    @hariprasatht9082 4 месяца назад

    🔥

  • @SRIRAMKANNAN-l1s
    @SRIRAMKANNAN-l1s 14 дней назад

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

    • @lundeveloper
      @lundeveloper  14 дней назад +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 13 дней назад

      @@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

  • @athardavid
    @athardavid 14 дней назад

    What's the font name?

  • @DmrHusam
    @DmrHusam 25 дней назад

    🎉

  • @huyhoangnguyen3628
    @huyhoangnguyen3628 7 месяцев назад

    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  7 месяцев назад

      Sorry but I didn't save this source code 😥

  • @Happy_Shaikh
    @Happy_Shaikh 3 месяца назад

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

  • @ulsezer
    @ulsezer Месяц назад

    bro do you can give me that template please

  • @udk0_057
    @udk0_057 Месяц назад

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

  • @sanzhang7851
    @sanzhang7851 9 месяцев назад

    字体和主题是什么

  • @learnwithashikur
    @learnwithashikur 9 месяцев назад

    Thanks for your content, great work as always.