Implementing Class/ID, Floats, and Clears to Position Elements
Channel: William Wolff
Date: 2021-03-16

This video walks you through positioning your works samples on your portfolio.html page using class/id, float, and clear. Specifically, it covers:

0:00: Intro message about ignoring overflow: auto; in the video
1:05: Intro to positioning elements and what documents you need to have open while watching the video
3:35: Removing the height and width functions from the img in portfolio.html
5:35: Adding classes to the section tags in portfolio.html
8:05: adding text-align: center to the html selector in main.css
9:05: Adding section.left and section.right selectors and associated code to main.css, and explaining the code
11:45: Explaining how browsers interpret and present floated elements and the clear attribute
17:35: Adding the code necessary to ensure the images fit within the boxes by styling the figure and img
23:30: Making additional adjustments to the code