VehiclesFashionRecipesBlogsHuntTravelsSportFunHandmadeITEducation
Mini-Games
x

x
zakruti.com » IT - Software » freeCodeCamp.org
Modern Layouts: CSS Tutorial (Day 9 of CSS3 in 30 Days)

Modern Layouts: CSS Tutorial (Day 9 of CSS3 in 30 Days)

FBTwitterReddit

video description

Rating: 4.0; Vote: 1
Use CSS to create modern layouts. Make them responsive with Media Queries. --Files you need -- -Modern Layouts Code: https://www.dropbox.com/sh/d7lbb1qfqnbow11/AADMR3_MXtBeDdeDL0IgZ55la?dl=0 -All tutorials in this series need this _theme-styles directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 9 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/
Date: 2022-03-14

Comments and reviews: 4


Like your video's so far but was really hoping this one would be with CSS Grid (or Flexbox at least). Pretty disappointing to see you still use floats.
Anyway, if people want to do a quick exercise: try to make it with the Grid system. CSS Grid is so much better and everybody that has interest in CSS should start learning it asap

reply

Smart guy, he teaches you the very, very basics, but if you want more advanced lay out go to his website and pay for the tutorials.
remember, nothing is really free is this world.

reply

Yes, modern layouts should be done with flexbox and/or grid, but I think a complete developer should also know how it's also done with floats. Thanks for this video series!
reply

wow, in layout2, the .layout2 header::after pseudo element works like a invisible stick to stretch the parent header box, some sense of hack to me.
reply
Add a review, comment






Other channel videos