Padding in html table working in one row but not the others

In the ‘Education’ section of my personal profile, I have created a table. I have added padding with class=“padding” to the two cells in my first row. I have tried to do this in the next two rows with class=“padding2” and “padding3” without success. Any idea why this might be? Thanks. URL: https://codepen.io/ksirgey/full/OgqjPJ/

HTML

Education
———

Free Code Camp July 2017-Present
Coursework in web development
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur in iaculis ex. Etiam volutpat laoreet urna. Morbi ut tortor nec nulla commodo malesuada sit amet vel lacus. Fusce eget efficitur libero. Morbi dapibus porta quam laoreet placerat.

Hi there!
looking good, and simple mistake…

youre missing colons in the CSS

“.padding2 {
padding: 0px 5px 20px 5px;
}”

1 Like