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)