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

Рет қаралды 35,177

Күн бұрын

Пікірлер: 69

@lundeveloper 10 ай бұрын

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 2 ай бұрын

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

@RenanGirotto 2 ай бұрын

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

@amjadbhutto7925 2 ай бұрын

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

@codingsolution24 2 ай бұрын

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

@nirban7689 3 ай бұрын

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

@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 Ай бұрын

extremely interesting information, thanks for sharing! 👏

@Tay74514 2 ай бұрын

This is next level bro🎉

@davidd.larred7238 10 ай бұрын

Thanks for your content, great work as always.

@lundeveloper 10 ай бұрын

Thanks a lot. Hope it will be useful 😍😍

@solarspear27 Ай бұрын

This is just awesome!

@heidardotdev 4 ай бұрын

wonderful tutorial please continue thanks

@gilsonconceicao5201 2 ай бұрын

thanks for share. I was trying to get this shape

@1barut Ай бұрын

Just amazing!

@sumonmitra3651 10 ай бұрын

Thank a lot sir.. very good work

@AaronSarmiento29 10 ай бұрын

Keep going! amazing stuff

@AbdullahHamed-ti1hw 5 ай бұрын

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 5 ай бұрын

Thank you so much ☺️☺️😍

@satyamrajpro 9 ай бұрын

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 9 ай бұрын

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

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

@ramzandiscovery 10 ай бұрын

Wow amazing man 👍

@Art-01 10 ай бұрын

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. 2 ай бұрын

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

@_u_nknownuser 2 ай бұрын

THANKS BRO... APPRECIATE

@yonkomaroc7939 4 ай бұрын

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

@MahmoudGamal-sx3bj 4 ай бұрын

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

@lundeveloper 4 ай бұрын

Thank you so much bro 😍😍😍

@sharpie882 Ай бұрын

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

@DmrHusam Ай бұрын

🎉

@hariprasatht9082 5 ай бұрын

🔥

@itsme8419 2 ай бұрын

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

@tika6050 2 ай бұрын

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

@ipunitbhardwaj 2 ай бұрын

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

@slappy_chimp 2 ай бұрын

@@ipunitbhardwaj😂😂😂 exactly

@do7705 2 ай бұрын

Hes from vietnam or cambodia I guess

@khaledMohamed-tp4wx 2 ай бұрын

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

@ezetenduwilliams7322 2 ай бұрын

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

@AndreasDemetriou 2 ай бұрын

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

@fdelaneau 4 ай бұрын

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.

@FreakyYas 10 ай бұрын

kindly recreate old videos in english language

@ava_crey 2 ай бұрын

Can you write what your current topic was in VS code

@sidcena Ай бұрын

Which extension u using plz tell

@mrwang8672 9 ай бұрын

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

@lundeveloper 9 ай бұрын

Yes. I shared it in a recent video

@sobansaleem3492 Ай бұрын

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

@terokmaximus6841 10 ай бұрын

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

@rgmazon 2 ай бұрын

what VS Code theme do you use?

@CoderGeek-u6m Ай бұрын

How do you get the icons?

@High_lifestyle_clips 2 ай бұрын

which vs code theme is this ?

@LudovicFontaine-lb9cy 11 күн бұрын

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

@Neil_09 9 ай бұрын

What site are you using to generate your voices?

@athardavid Ай бұрын

What's the font name?

@SRIRAMKANNAN-l1s Ай бұрын

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

@lundeveloper Ай бұрын

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 29 күн бұрын

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