Go Pro Sign Up Login
0 days 0 hrs 0 min 0 sec

Summer Sale

50% off Level Up Pro until you unsubscribe.
Get access to ALL 128 courses on Level Up Tutorials

This is your last chance to get Level Up Pro for $145/year.

or Learn More
Moon Moon

Buy Now and unlock this series







yours forever

Become a Pro and unlock everything




per month

Fullscreen Background Video Layout

In this video of the Modern CSS Layouts tutorials we’ll be recreating a website layout using scotttolinski.com as an example. This is a standard layout with a background video, some content, a header, a nav and a footer. As usual, I’ll be breaking it down into sections so you can recreate this layout bit by bit, using some of the CSS Grid properties we talked about earlier in the CSS Grid foundational skills videos.


Become a pro to download code and videos

Starting Code

Final Code


User avatar


over 1 year ago

@Trevor Thanks for the heads-up!


over 1 year ago

Hi, I have noticed on this tutorial track that the img and video src url's are no longer loading. I've been finding placeholders to use instead but just thought I'd let y'all know.

Want to join the conversation?

Become a Pro member today!