Grid Wrapping Explained: https://youtu.be/3T0gjtXRNC0
There are a few problems with flex-wrap which we will address in this video. I am also going to show you three alternatives to use instead of flex-wrap, because I found that they work a lot better in some situations. Learn about media queries, grid wrapping and a smooth javascript slider.
😎 Become a Member to Support our Channel: https://www.youtube.com/channel/UCGpoeEhUBQBaaKZ_a8HB67Q/join
👉 Get our HTML & CSS Course on Udemy: https://www.udemy.com/course/learn-html-and-css-in-7-days-web-developer-bootcamp/?referralCode=8054BF2C4D86FC75DB00
Host Your Own Website With Hostinger:
🚀 https://www.hostinger.com/coding2go
✌️ And get a huge discount with our code: CODING2GO
CHAPTERS
00:00 Common Problems with flex-wrap
01:00 Solution 1
01:46 Solution 2
03:32 Solution 3
Concepts you will learn in this web dev project:
✔ HTML, CSS
✔ CSS Pro tip for beginners
✔ css flex-wrap explained
✔ alternatives for flex-wrap
✔ avoid flex-wrap
✔ better options for flex-wrap
✔ responsive web design
✔ how to improve flex-wrap in css
✔ how to write better css code
✔ how to write clean css code
✔ how to use media queries css
✔ how to make a netflix slider in css
✔ simple javascript and css slider
✔ how to use scroll-snap-type and scroll-snap-align
✔ css smooth scrolling
✔ css alternatives for flex-wrap
✔ how to use grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
✔ grid auto-fit
✔ css grid netflix clone
✔ css grid netflix carousel
✔ responsive columns grid in css