From the course: CSS Shorts

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Create a grid of images

Create a grid of images - CSS Tutorial

From the course: CSS Shorts

Start my 1-month free trial Buy for my team

Create a grid of images

“

- [Instructor] Hi, this is Chris Converse, and in this episode, we'll add and arrange some images into a grid on our web page, using the CSS grid display properties. Now, at the time of this recording, there is large global support for this feature. Support is limited, however, among the Microsoft browsers, including IE 11 and the Edge browser versions 14 and 15. And there is no support at all on Android using versions of Chromium earlier than 56, or on iOS using a version of Safari earlier than 10.2. So if you'd like to follow along, download the exercise files, and let's begin by opening an HTML file in a text editor. And then once inside of the HTML file, if we scroll down inside of the body area, I have a div in here with a class of photos, and then inside I have four additional divs, each with an individual class, A, B, C, and D. And then just so you can see these divs in a browser, I put A, B, C, and D as the content as well. So if you preview this in a browser, you'll see these…

Contents