DEV Community

shAtud
shAtud

Posted on • Edited on

responsive cards using tailwind css with glassmorphism

in this video we will be building beautifull glassmorphism cards using the awsome css freamwork tailwind css ๐Ÿš€ !
by watching this video you will see the follwing concepts in actions๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ:
1-aligning cards hourizontaly using a flex container
2-making the cards work on all screen sizes using only one utility class ( flex-wrap)
3-making a glass like cards using back-drop-{filter} utility classes
4- aligining text and adding images using the built in next js image component

Link to the video :
https://youtu.be/uFXA3QkEjas

Top comments (0)