37: CSS grids will change how we create website layouts | Learn HTML and CSS | HTML tutorial

CSS grids will change how we create website layouts | Learn HTML and CSS | HTML tutorial. Today you will learn about CSS grids, which is a new method we can use to create website layouts. CSS grids are the future of webdesign layouts only using css, and in this lesson I will give you a guide to using CSS grids.

Lesson chapters:

1: (00:15) Introduction to CSS grids
2: (04:53) How to create CSS grids using CSS
3: (09:13) How to place HTML inside the CSS grid using method 1
4: (13:27) How to place HTML inside the CSS grid using method 2
5: (16:13) How to create a wrapper or spacing inside CSS grids
6: (18:35) How to make CSS grids responsive
7: (19:26) The one drawback of using CSS grids
8: (23:18) A few more tips when using CSS grids

Links:
CSS grids documentation: https://css-tricks.com/snippets/css/complete-guide-grid/
Lesson files: http://mmtuts.net/course.php?c=htmlcss&l=37

—

mmtuts is a YouTube channel that focuses on teaching beginner and advanced courses in various multimedia related skills.
We plan to make tutorials available on programming, video production, animation, graphic design, and on software such as the Adobe Creative Cloud programs.

HTML and CSS for beginners is a how to series that teaches the HTML and CSS coding language to people who are just starting out learning programming. The course teaches how HTML and CSS can be made easy and teaches “front-end development” which is the visual part of websites. Creating static websites with HTML and CSS is easy and should not be seen as otherwise, which is why we want to explain the language in a easy to understand way for beginners.

If you have suggestions on new courses, or specific lessons within existing courses you would like to see, then feel welcome to submit them in the comment section or in a private message. ALL suggestions will be seen, but not all will be replied to since we get quite a few every day.

source