Introduction to CSS3 Grid | Crash Course | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020

Subscribers:
64,200
Published on ● Video Link: https://www.youtube.com/watch?v=bechY7rTNJY



Duration: 23:49
4,810 views
85


Want to learn HTML5 and CSS3 from scratch?

This is the 19th episode of my “Learn HTML5 and CSS3” course. In this course, we will learn everything about how we can create markup for a website. At the end of the course, I will add some full tutorials where I will be creating famous websites from scratch. So, if you have any suggestions, just let me know and I might make a video about it!

Since we are living in a multi-screen society, it’s important for your site to be viewable across as many devices as possible, because you never know what device someone will be using to view your website.

CSS grid defines a two-dimensional grid-based layout system, optimized for user interface design. In the grid layout model, the children of a grid container can be positioned into arbitrary slots in a predefined flexible or fixed-size layout grid.

Grid Layout gives us a method of creating grid structures that are described in CSS and not in HTML. It helps us to create layouts that can be redefined using Media Queries and adapt to different contexts.

My official websites for questions or anything else:
https://www.darynazar.com

Follow me on social media
https://www.instagram.com/darynazar/
https://www.linkedin.com/in/dary-nazar-61502ab2/

Useful products for programming and recording that I use
Microphone I use:
https://amzn.to/39r7qVD

My laptop stand:
https://amzn.to/32PULcn

External monitor:
https://amzn.to/2wzxPSl

Reading LED Desk lamp:
https://amzn.to/2PNMoJ5

External Hard Drive to save projects:
https://amzn.to/2TEjWdI

Laptop I use:
https://amzn.to/3aspOxp




Other Videos By Code With Dary


2020-02-24Course Overview | PHP for beginners | PHP Programming | Learn PHP in 2020
2020-02-23Designing a beautiful contact form | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-02-21How to create a blur effect on image | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-02-19How to create a grayscale effect | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-02-17How to create a zoom in effect on hover | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-02-14How to create a portfolio with hover effect | Introduction to HTML5 and CSS3 | HTML5 and CSS3
2020-02-12How to use WhatsApp “Click to Chat” | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-02-10How to create an awesome footer | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-02-07How to create HTML5 videos | Creating embedded videos | Introduction to HTML5 and CSS3 in 2020
2020-02-05How to float 3 div boxes side by side | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-02-03Introduction to CSS3 Grid | Crash Course | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-01-31How to create a CSS3 scroll indicator | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-01-29How to use font awesome icons in 2020 | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-01-28Creating a parallax background effect | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-01-27How to create an awesome navigation in 2020 | Introduction to HTML5 and CSS3 | HTML5 and CSS3
2020-01-24What goes inside the body element? | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-01-22How to style links like a button in CSS3 | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-01-20How to create links in HTML5 | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-01-17How to create subpages in HTML5 | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-01-15How to use all font properties in CSS | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-01-14How to use Classes and IDs in HTML5 and CSS3 | Introduction to HTML5 and CSS3 | HTML5 and CSS3



Tags:
Html5
html
css3
css
website
markup
webmarkup
designing
webdesign
programming
css grid
grid crash course