Easy Responsive Grid Layouts in Tailwind CSS without Breakpoints | Single utility class

  Рет қаралды 23,935

Thirus

Thirus

Күн бұрын

Пікірлер: 60
@thefamousdjx
@thefamousdjx Жыл бұрын
Was lacking inspiration till i saw your tailwind css book. Your teaching style is unmatched,, went through half the content in a day and I feel super confident of my skills. Now everytime i see a design or picture, i immediately know how to bring it to life. Thanks
@Thirus
@Thirus Жыл бұрын
Wow! That’s the best review I’ve received so far. Makes me really happy :) Thank you!
@ahmedmusawir
@ahmedmusawir Жыл бұрын
This is THE BEST tutorial on the topic in the whole wide world ... maybe even in the universe!! Wow!!
@Thirus
@Thirus Жыл бұрын
Thank you so much 😊
@ahmedmusawir
@ahmedmusawir Жыл бұрын
@@Thirus I hope you maintain that awesome plugin of yours ... for the sake of humanity ...
@SergejTihonov
@SergejTihonov 2 жыл бұрын
Thank you very much for this video and especially the detailed explanation of the concept that you user inside the plugin. I learned a ton of css tricks from your book and this plugin and video is an awesome addition to that. Looking forward to the next small chunk of css knowledge to learn from you.
@Thirus
@Thirus 2 жыл бұрын
Hey Sergej thank you for the lovely comment 😊 Happy to hear that. Hope you’ve subscribed to my newsletter too: www.getrevue.co/profile/shrutibalasa
@shaileshkumarsingh6983
@shaileshkumarsingh6983 2 ай бұрын
This is really good , so far the best that i have seen , will really love another complex tutorial using this plugin of your's mam , please
@DavePerth
@DavePerth 2 жыл бұрын
Nice to see you back 😎
@Thirus
@Thirus 2 жыл бұрын
Glad to be back 😊
@codernerd7076
@codernerd7076 2 жыл бұрын
Just want to say that I love your tailwind videos and your tailwind book, hope you will write another one day, one of my huge pain points with Tailwind is forms, I know about the plugin but it makes the form field not really look all that great. This Plugin is amazing!
@Thirus
@Thirus 2 жыл бұрын
Thank you very much. I’ll see if I can make a video on forms.
@mathis-meth4229
@mathis-meth4229 2 жыл бұрын
Ma'am you are a huge inspiration. Any school who has you as its teacher will have kids grow their love for web-development that's for sure. We need teachers like you who make learning fun and intuitive. I have one request ma'am. Just like you make videos about css, can you make some for Javascript? I read your blog post on snap-scroll to make carousel. Loved it!
@Thirus
@Thirus 2 жыл бұрын
Thank you so much for the lovely comment. I feel very happy reading this :) Many viewers have requests for javascript tutorials. Will surely consider it.
@mostafahosseini2762
@mostafahosseini2762 13 күн бұрын
Thanks for sharing your knowledge ! 🙏
@Thirus
@Thirus 13 күн бұрын
You’re welcome!
@brijeshprasaddas249
@brijeshprasaddas249 3 ай бұрын
I am loving this already...really so helpful
@Thirus
@Thirus 3 ай бұрын
Great to hear this :)
@chinmaykumar7975
@chinmaykumar7975 Жыл бұрын
grid-cols-[repeat(auto-fill,minmax(250px,_1fr))]
@Thirus
@Thirus Жыл бұрын
Yes, you don’t have to remember this if you use the plugin. That’s it :)
@talkathiriify
@talkathiriify 2 жыл бұрын
Excellent I love the way you explain and simplify things. Thank you very much fir sharing.
@Thirus
@Thirus 2 жыл бұрын
You’re welcome 😊
@wayneswildworld
@wayneswildworld 2 жыл бұрын
Just used this plugin... AMAZING +1 SUB
@Thirus
@Thirus 2 жыл бұрын
Great! Thank you 😊
@chriscsmoon
@chriscsmoon Жыл бұрын
Great time saver. I love it! Thank you so much for sharing this.
@Thirus
@Thirus Жыл бұрын
You’re welcome :)
@dmitriybalaban719
@dmitriybalaban719 Жыл бұрын
Awesome plugin, thanks a lot!
@Thirus
@Thirus Жыл бұрын
You’re welcome :)
@abhishekwebdeveloper
@abhishekwebdeveloper 2 жыл бұрын
Awesome! Thank you so much for this video.
@Thirus
@Thirus 2 жыл бұрын
You’re welcome :)
@nicenaija9952
@nicenaija9952 2 жыл бұрын
Or do this module.exports = { theme: { extend: { gridTemplateColumns: { 'fluid': 'repeat(auto-fit, minmax(20rem, 1fr))', } } } } You could then use the class grid-cols-fluid.
@Thirus
@Thirus 2 жыл бұрын
That’s another option, yes. But you need to add for all the sizes you need.
@nikson4230
@nikson4230 10 ай бұрын
Thank you so much ❤
@Thirus
@Thirus 10 ай бұрын
You’re welcome!
@OctaBrainComputer
@OctaBrainComputer 9 ай бұрын
How to create those custom plugins
@Thirus
@Thirus 9 ай бұрын
Check out my latest video - Create custom Dynamic Components in Tailwind CSS using matchComponents Plugin Function kzbin.info/www/bejne/qanbhn5moZ2dgac This will give you an idea
@owaisulhaq7681
@owaisulhaq7681 Жыл бұрын
your plugin is not working for me. I am facing a lot of issues in making my website responsive. Kindly guide me. I would be really thankful to you.
@Thirus
@Thirus Жыл бұрын
Can you tell me what’s the exact issue? You can DM me screenshots at twitter.com/shrutibalasa
@adityarevankar6529
@adityarevankar6529 8 ай бұрын
Im not able to use this in my react project.
@Thirus
@Thirus 8 ай бұрын
It should work irrespective of the framework actually
@adityarevankar6529
@adityarevankar6529 8 ай бұрын
Yep that's what I thought l, I'll try once again.
@pedromchd
@pedromchd 2 жыл бұрын
Thank you! You are awesome!
@Thirus
@Thirus 2 жыл бұрын
You’re welcome!
@PcHabitat
@PcHabitat 2 жыл бұрын
Amazing video, thank you so much
@Thirus
@Thirus 2 жыл бұрын
You’re welcome :)
@input3518
@input3518 Жыл бұрын
Hello mam, can you make a video how to make plugin and publish github please mam.
@Thirus
@Thirus Жыл бұрын
I’ve written an entire chapter on “creating your own plugin” in my latest ebook - shrutibalasa.gumroad.com/l/level-up-with-tailwind-css
@ranga3194
@ranga3194 2 жыл бұрын
Thank you so much
@Thirus
@Thirus 2 жыл бұрын
You’re welcome 😊
@sahariarahsanbijoy
@sahariarahsanbijoy Жыл бұрын
tnx apu
@anuj7286
@anuj7286 2 жыл бұрын
How to put column width with responsive in grid?
@Thirus
@Thirus 2 жыл бұрын
I didn’t understand your question
@anuj7286
@anuj7286 2 жыл бұрын
@@Thirus i mean how to define each column width by using grid.
@anuj7286
@anuj7286 2 жыл бұрын
Thankyou sm :)
@Thirus
@Thirus 2 жыл бұрын
You’re welcome!
@manishchauhanchauhan3963
@manishchauhanchauhan3963 Жыл бұрын
why are not work sm:hidden
@Thirus
@Thirus Жыл бұрын
sm:hidden hides the element above sm breakpoint. I don’t know what you’re trying to achieve. You need to give me more details.
@MiladJoodi
@MiladJoodi 6 ай бұрын
@nite21
@nite21 2 жыл бұрын
mashallah
@sarathchandranrvlogger5501
@sarathchandranrvlogger5501 2 жыл бұрын
🥰🥰🥰🤗🤗🤗💝💝♥️♥️♥️♥️
Responsive Contact Section using Tailwind CSS
26:44
Thirus
Рет қаралды 25 М.
Complete CSS Flexbox Tutorial using Tailwind CSS
38:17
Thirus
Рет қаралды 40 М.
How Strong is Tin Foil? 💪
00:25
Brianna
Рет қаралды 68 МЛН
World’s strongest WOMAN vs regular GIRLS
00:56
A4
Рет қаралды 33 МЛН
Triple kill😹
00:18
GG Animation
Рет қаралды 18 МЛН
Complete CSS Grid Tutorial using Tailwind CSS
46:41
Thirus
Рет қаралды 40 М.
Easy Grid Layouts with Tailwind CSS for Beginners
13:05
Cand Dev
Рет қаралды 21 М.
How to make a Responsive Navigation Bar using HTML & Tailwind CSS
16:11
Building a Fancy Responsive Tile Grid with Tailwind CSS
13:28
Tailwind Labs
Рет қаралды 76 М.
Responsive Side Navigation with Tailwind CSS and Alpine JS
25:39
🔥 Bento Grid Layouts with Tailwind CSS | Easy 🤯
11:13
Sashank GL
Рет қаралды 12 М.
Install Tailwind CSS v3 - CDN vs CLI vs PostCSS
34:19
Thirus
Рет қаралды 31 М.
Create any layout crash course in Hindi
29:28
Chai aur Code
Рет қаралды 47 М.
How Strong is Tin Foil? 💪
00:25
Brianna
Рет қаралды 68 МЛН