Скачать или смотреть How to make cards responsive in Elementor from Figma layout

#wordpress #elementor #figma #cards #design #developer #responsive
In 2 easy steps you learn how to make cards responsive in Elementor. And you'll also understand how to do this pixel-perfect from a Figma grid layout (Part 2 of the series)! 🙋🏼‍♂️

Become a web dev that clients and designers love to hire. 👍🏻

▶️ Chapters
00:00 Intro: What you will learn
00:20 How to make cards responsive according to a Figma grid layout
00:35 Recap: What we've built in the last video
00:53 What's on our to dev-list?
01:04 Adjust the visual grid for tablet and mobile view
03:25 Build the tablet design
04:36 Build the mobile design
06:00 Result 1: The cards are responsive
06:13 The nice little trick
07:19 The first option: CSS code on each card
08:37 The second option: CSS code on Elementor's custom CSS
11:38 Result 2: the cards are interactive
11:48 What's next: how to build the whole section

☕ Liked the vid? Buy me a coffee: Ko-fi.com/designfordevs

✨ Plugins:
Elementor Free: https://bit.ly/elementrfree
Elementor PRO (Optional): https://bit.ly/Elmntrpro
Designer Add On: https://bit.ly/designeraddon

🌈 The CSS code for the back-drop-shadow of the cards:
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);