search

LeslieGarth / Midland_Code_Academy

Midland University Code Academy Projects
0 stars 0 forks source link

Capitalized class name #1

Open TheBrockEllis opened 6 years ago

TheBrockEllis commented 6 years ago

https://github.com/LeslieGarth/Midland_Code_Academy/blob/da7cc1c9339cb141fdef074ce6b151b8c74c31a4/Responsive_Nav_Homework_2-7-18.html#L96

On this line, you have the class='Section' but in your CSS, you have .section { .... You'll need to make those both the same case. I'd re-name your classes on your HTML to be lowercase and that should fix the CSS selectors not matching anything.

Also, try making the <span>'s into <div>'s. Spans are inline elements and will be loosey-goosey and go with the flow. Divs are block level elements and will want to take up much more space and stand on their own.

LeslieGarth commented 6 years ago

I did change the case in my HTML, thank you Brock. It didn't seem to make any noticeable difference.
When I change the sections to

they stack up vertically. That's why I used to get them to sit horizontally as columns side-by-side. Thank you for taking a look at these Brock, and for opening the issues, and giving me pointers. I will keep working on it.