Easily Structure your Layout with CSS Grid's 'grid-template-areas'
Today's Question: What's your biggest challenge you face as a designer/coder?
-- In today's tutorial, I'm going to show you how to create a fairly robust layout using a single CSS grid container. We'll do this with the help of the grid-template-areas property. It's fun and easy to use; we'll also make it responsive!
Github Repo for this project:
https://github.com/designcourse/grid-template-areas-tutorial
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS weekly!
My site: 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 Coursetro.com.
Come to my discord server or add me on social media and say Hi!
Видео Easily Structure your Layout with CSS Grid's 'grid-template-areas' канала DesignCourse
-- In today's tutorial, I'm going to show you how to create a fairly robust layout using a single CSS grid container. We'll do this with the help of the grid-template-areas property. It's fun and easy to use; we'll also make it responsive!
Github Repo for this project:
https://github.com/designcourse/grid-template-areas-tutorial
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS weekly!
My site: 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 Coursetro.com.
Come to my discord server or add me on social media and say Hi!
Видео Easily Structure your Layout with CSS Grid's 'grid-template-areas' канала DesignCourse
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![STOP The CSS Grid Confusion - 2 Ways to GRID!](https://i.ytimg.com/vi/YNB-JD7iPoQ/default.jpg)
![CSS Grid Changes EVERYTHING - Amazing Presentation](https://i.ytimg.com/vi/7kVeCqQCxlk/default.jpg)
![Learn CSS Position In 9 Minutes](https://i.ytimg.com/vi/jx5jmI0UlXU/default.jpg)
![Learn Sass in this Free Crash Course - Give your CSS Superpowers!](https://i.ytimg.com/vi/roywYSEPSvc/default.jpg)
![The Magic of CSS Grid AUTO-FIT vs AUTO-FILL](https://i.ytimg.com/vi/qII5BueXWD4/default.jpg)
![Creative SVG Backgrounds for Modern Web Design](https://i.ytimg.com/vi/OjIxscGV-Qg/default.jpg)
![Why CSS grid-area is the best property for laying out content](https://i.ytimg.com/vi/duH4DLq5yoo/default.jpg)
![Awesome UI Interactions with the CSS Clip Path Property](https://i.ytimg.com/vi/F4kJXbaunUg/default.jpg)
![CSS Grid Einfach erklärt! Die Zukunft des CSS Layouts. [TUTORIAL]](https://i.ytimg.com/vi/Xj_sIK6-A_Q/default.jpg)
![CSS GRID: Grid Template Areas — 14 of 25](https://i.ytimg.com/vi/0s97B824Hec/default.jpg)
![](https://i.ytimg.com/vi/cWQfT_HdAT4/default.jpg)
![9 Biggest Mistakes with CSS Grid](https://i.ytimg.com/vi/0Gr1XSyxZy0/default.jpg)
![CSS Grid Tutorial | CSS Grid Crash Course](https://i.ytimg.com/vi/EFafSYg-PkI/default.jpg)
![CSS Grid Tutorial | Responsive Crash Course](https://i.ytimg.com/vi/SPFDLHNm5KQ/default.jpg)
![CSSGR.ID - An Easy, Interactive Way to Learn the CSS Grid](https://i.ytimg.com/vi/XbEqfYr9pIo/default.jpg)
![Learn Flexbox in 15 Minutes](https://i.ytimg.com/vi/fYq5PXgSsbE/default.jpg)
![Responsive CSS Grid with NO MEDIA QUERIES!](https://i.ytimg.com/vi/bam83Xv4VMA/default.jpg)
![CSS Grid Course](https://i.ytimg.com/vi/t6CBKf8K_Ac/default.jpg)
![Your Layouts are BORING! Layout Design Tutorial](https://i.ytimg.com/vi/bxm89gSRUOE/default.jpg)
![The Joy of CSS Grid - Build 3 Beautifully Simple Responsive Layouts](https://i.ytimg.com/vi/705XCEruZFs/default.jpg)