🔥 Bento Grid Layouts with Tailwind CSS | Easy 🤯

  Рет қаралды 4,044

Sashank Gl

Sashank Gl

Күн бұрын

Ready to ditch boring website layouts? Learn to make stunning Bento Grids with Tailwind CSS! In this tutorial, we'll build a portfolio-style grid, but the possibilities are endless. 👍 Customize and make it your own!
🤩 Get the full code for FREE on my website, Citrus UI (citrusui.in) 🤩
🥳 Create a Stunning Bento Grid Portfolio with Vue.js & Tailwind CSS: • 🚀 Create a Stunning Be...
Timestamps:
00:00 Intro
00:20 Demo
00:35 What are Bento Grids?
01:00 Why Bento Grids are Great?
01:20 Build Bento Grid
03:40 Logic
06:45 Customize For a Smaller Device
09:20 Free Bento Grids
10:40 Outro
#vuejs #tailwindcss #bentogrid

Пікірлер: 9
@dinesh.p8642
@dinesh.p8642 15 күн бұрын
Dhanyavaad ji.
@sashank_gl
@sashank_gl 15 күн бұрын
Aapka Swaagat Hai!
@fazilibagaya5165
@fazilibagaya5165 21 күн бұрын
Yes
@MyGeorge1964
@MyGeorge1964 29 күн бұрын
Thank you... Nice and easy
@Forsvinne77
@Forsvinne77 29 күн бұрын
Thanks!!
@mhsn27mhsn10
@mhsn27mhsn10 Ай бұрын
thank you for this video , if you can mr.Sashank show me us video for create components like GridView or Combobox via tailwindcss will be great because every time i start build app i got think about how create custom components and if did it what features I will add to it , if you can give us some from your experience , and thank you again
@sashank_gl
@sashank_gl Ай бұрын
Thanks for the great feedback and suggestion! I'll definitely be making tutorials on GridViews, ComboBoxes, and custom component design with Tailwind CSS. Do you have any specific examples or use-cases in mind for GridViews and ComboBoxes? If so, feel free to comment or send me a message on Twitter @sashank_gl 👍🚀
@mhsn27mhsn10
@mhsn27mhsn10 Ай бұрын
@@sashank_gl like show and hide columns or specific columns , sorting , freeze header , searchbox .... etc, responsive and modern style .
@sashank_gl
@sashank_gl Ай бұрын
I understand you want a feature-rich grid. Can you describe how you'll use it? Are you making an e-commerce product table with filtering and sorting, or something different? Building a complex grid with those features needs a JavaScript framework like Vue.js. Tailwind is only for the styling. The more details you provide about your project, the better I can make a great tutorial to your exact needs.
CSS Grid - самая понятная инструкция с примерами по гридам (сеткам) в CSS
49:33
Como ela fez isso? 😲
00:12
Los Wagners
Рет қаралды 29 МЛН
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 892 М.
CSS Grid - What's new in Tailwind CSS
5:59
Tailwind Labs
Рет қаралды 67 М.
How to Build a Modern Grid Landing Page with React & TailwindCSS
20:41
Effortless WordPress bento grid with Greenshift tutorial
17:25
Lex from Techies Reviews
Рет қаралды 3 М.
10 Tailwind Classes I Wish I Knew Earlier
13:31
Web Dev Simplified
Рет қаралды 157 М.
10 Tailwind Tricks You NEED To Know!
10:45
Ravi - Perfect Base
Рет қаралды 264 М.
Top 10 Tips and Tricks with Tailwind CSS
23:45
developedbyed
Рет қаралды 84 М.
Learn Flexbox CSS in 8 minutes
8:55
Smoljames
Рет қаралды 1,3 М.
Samsung or iPhone
0:19
rishton vines😇
Рет қаралды 9 МЛН
С Какой Высоты Разобьётся NOKIA3310 ?!😳
0:43
ПРОБЛЕМА МЕХАНИЧЕСКИХ КЛАВИАТУР!🤬
0:59
Корнеич
Рет қаралды 3,5 МЛН
📱 SAMSUNG, ЧТО С ЛИЦОМ? 🤡
0:46
Яблочный Маньяк
Рет қаралды 1,7 МЛН