This Card is Now FULLY RESPONSIVE – How Did I Do It? (Web Design Series ep. 36 • #figma #tutorial)
2.6K views · 2025-06-12
UI Design
Get the SOURCE FILES for this project ($14.99): https://payhip.com/b/uyMWL
Visit my STORE: https://bit.ly/mavi-design-store
Explore Mavi Design COURSES : https://bit.ly/mavi-design-courses
Generate 21 Banner Ad Formats INSTANTLY → https://payhip.com/b/oHBev
FREE FIGMA COURSE / SERIES: Design a Website in Figma: https://youtube.com/playlist?list=PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT
Mobile App UI Design Playlist: https://www.youtube.com/playlist?list=PLCUPtxXqnWn3l_dNI8TekvFIYpoo_IO6h
In this video, we're going to responsify the horizontal card component, initially built in episode 4 of this series:
https://www.youtube.com/watch?v=lTKxjc-CtoQ
We'll be using autolayout, min / max width, wrap autolayout functionality, fill container and hug contents to achieve this result.
————————
© 2025 Mavi Design
Visit my STORE: https://bit.ly/mavi-design-store
Explore Mavi Design COURSES : https://bit.ly/mavi-design-courses
Generate 21 Banner Ad Formats INSTANTLY → https://payhip.com/b/oHBev
FREE FIGMA COURSE / SERIES: Design a Website in Figma: https://youtube.com/playlist?list=PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT
Mobile App UI Design Playlist: https://www.youtube.com/playlist?list=PLCUPtxXqnWn3l_dNI8TekvFIYpoo_IO6h
In this video, we're going to responsify the horizontal card component, initially built in episode 4 of this series:
https://www.youtube.com/watch?v=lTKxjc-CtoQ
We'll be using autolayout, min / max width, wrap autolayout functionality, fill container and hug contents to achieve this result.
————————
© 2025 Mavi Design