CSS3 Multiple Columns - Course Cascading Style Sheets (CSS/CSS3) - Part 31 | web Developer courses

Duration: 17:33 min

Summary: In this video, we will learn how create columns (like newspaper columns). There are many properties in CSS3 that support this. To start, we will add couple of paragraphs to the page. We will also add an h2 that will show up between the two sets of columns. The first attempt is to add the number of columns we need (using the column-count property). We will also add the webkit and Mozilla support by adding the (-webkit-column-count, -moz-column-count). With the columns, we have the option of selecting the style and the color. We can also add how much gap we want in between. Regarding h2, we will specify how many columns to span (in our case ‘all’). Finally, we will look at the browser developer tool to see how to inspect and modify the css of the page.

Technologies and Resources: CSS, HTML, Notepad++, width, padding, margin, border, column-count, column-rule-color, column-rule-style, column-gap, column-fill, column-span, text-align, background-color..