From the course: CSS Essential Training

Unlock the full course today

Join today to access over 23,200 courses taught by industry experts.

Project: Adding columns with Grid

Project: Adding columns with Grid - CSS Tutorial

From the course: CSS Essential Training

Start my 1-month free trial Buy for my team

Project: Adding columns with Grid

“

(upbeat music) - [Instructor] In this project update, we'll use CSS grid to change the Work Experience section into a two-column layout with the job details in the first column and the job summary in the second column. Let's start in the resume.html file. In the Work Experience section, each job is contained within their own section block. This can be the grid container. Let's add a class to the section element. I'll call it work-item. For the content, we'll need to group them into two containers to create two columns, one for the general job details and one for the summary. If we don't create these containers, each one of these elements will become grid items, and that's not what we want. We just want two columns, so let's add some divs to create these containers. The first div will contain the job title, company name, and date. Let's move the closing div just after the date. Then we'll add a class. I'll call…

Contents