Just following a tutorial on YT about responsive design, just wanting to get a bit more comfortable with media queries.
The guy who made the video doesn’t really understand classes really, he has 3 individual ‘modules’ on the right hand side of the page and he names them ‘sidebar-top’, ‘sidebar-middle’ etc, so I made a class called ‘sidebar-module’ for all 3 as the styles are exactly the same.
I can’t get the sidebar modules to go inline with the top left blog post modules and it’s driving me crazy!!
It’s expected that the right modules line up there, really.
The first left module is floated left.
Then the second left module comes in the code. But since it won’t fit next to the first module, it ends up under it.
Only then the first right module comes in, and so it’s placed next to that second left module.
You might want to place the left modules in a wrapper and give that one a float:left and width of 70%, something like this: //codepen.io/senff/pen/Bodky
> Maybe he just did that to clarify things, it is a tutorial after all…
I always start yelling “omg newb double-you-tee-ef” when they do something wrong in a tutorial, but then they fix it later saying something like “oh, but this is the wrong way to do this, let’s do it right now”… at least give me a heads up -_-