Responsive Profile Card with Flexbox
Watch part 1 here: https://www.youtube.com/watch?v=Aje9cXDzklk&t=742s
In this video I go over how to make the layout of these profile cards responsive with Flexbox. In my previous video I go over how to create the profile card from scratch with HTML and CSS. In that video I used CSS grid for the layout, for this video I wanted to make a responsive design with Flexbox.
Codepen: https://codepen.io/angeladelise/pen/XWmBQoK
In this video I show you:
0:29 - Starting HTML Code
2:30 - Display Flex
3:03 - Set Container Width
Want to improve designer to development handoff? View my Sketch to Zeplin workflow here: https://www.youtube.com/watch?v=D3ZF2...
Let's Connect
Dribbble: https://dribbble.com/angeladelise
Blog: https://medium.com/@angeladelise
In this video I go over how to make the layout of these profile cards responsive with Flexbox. In my previous video I go over how to create the profile card from scratch with HTML and CSS. In that video I used CSS grid for the layout, for this video I wanted to make a responsive design with Flexbox.
Codepen: https://codepen.io/angeladelise/pen/XWmBQoK
In this video I show you:
0:29 - Starting HTML Code
2:30 - Display Flex
3:03 - Set Container Width
Want to improve designer to development handoff? View my Sketch to Zeplin workflow here: https://www.youtube.com/watch?v=D3ZF2...
Let's Connect
Dribbble: https://dribbble.com/angeladelise
Blog: https://medium.com/@angeladelise