I was playing around with some HTML5 code for a directory. I'm using a article section for each faculty member but for some reason, they are not showing up one under another. Can anyone help point me in the right direction.
@TheDoc - That's what was throwing it off on my side. Thanks. Any ideas why my .row-a and .row-b background colors are not showing up? I know row b is white so I'm not going to see it but when I put any other color there, I don't notice it.
No problem. It's just a tiny error in your code. You have: #faculty-info .row-a { background: #e5e5e5;} When it should be: #faculty-info.row-a { background: #e5e5e5;} Note the space that I've removed. You were looking for #faculty-info with a child element called .row-a. Mine is targeting any #faculty-info with a class of .row-a.
Speaking of IDs and classes, you should only be using an ID once per page. In your page, you've got a number of duplicates.
http://codepen.io/anon/pen/10028/1
#faculty-info .row-a { background: #e5e5e5;}When it should be:
#faculty-info.row-a { background: #e5e5e5;}Note the space that I've removed. You were looking for #faculty-info with a child element called .row-a. Mine is targeting any #faculty-info with a class of .row-a.
Speaking of IDs and classes, you should only be using an ID once per page. In your page, you've got a number of duplicates.