How to Make a CSS Element Take The Full Screen Width

Oliver Carmont
2 min readFeb 13, 2021
How Do You Make an Element Take The Whole Screen Width? Source: Igor Miske

Struggling to make an image or container take the full screen width 😫?

Here’s a quick tutorial on how this can be done in just four CSS lines 😄

Let’s Make a New Image 🖼️

I’ve made the following Code Pen with an image of a cute koala that will soon take up the entire horizontal length of the screen:

--

--

Oliver Carmont

UI/UX Designer that produced tech tutorials in Berkeley, CA.