https://bit.ly/3xz3XBc - Become a frontend developer (50% off limited time!)
-- Want to learn UI/UX? https://designcourse.com
-- Today, we're first going to start off in Figma to design a quick masonry grid layout for desktop, tablet and mobile. Then, we'll hop into VSCode to make it a mobile-first, responsive reality in the browser using the CSS Grid!
Codepen demo for this project:
https://codepen.io/designcourse/pen/YzrzzqE
0:00 - Introduction
0:45 - An Awesome Offer
1:16 - Design in Figma
6:57 - HTML
8:40 - Mobile First CSS
11:26 - Tablet CSS
12:39 - Desktop CSS
18:55 - Final Thoughts
Let's get started!
#css #grid #masonry
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom
Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!
-- Want to learn UI/UX? https://designcourse.com
-- Today, we're first going to start off in Figma to design a quick masonry grid layout for desktop, tablet and mobile. Then, we'll hop into VSCode to make it a mobile-first, responsive reality in the browser using the CSS Grid!
Codepen demo for this project:
https://codepen.io/designcourse/pen/YzrzzqE
0:00 - Introduction
0:45 - An Awesome Offer
1:16 - Design in Figma
6:57 - HTML
8:40 - Mobile First CSS
11:26 - Tablet CSS
12:39 - Desktop CSS
18:55 - Final Thoughts
Let's get started!
#css #grid #masonry
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom
Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!
- Category
- Web design
Be the first to comment