Why is my article overlapping into my nav, and how do I fix it?
Go easy on me, I haven't worked with CSS or HTML since like high school. It could completely be that this is perfectly fine behavior and I'm overthinking it considering the texts aren't mixing, it's just the border going into the navbar that worries me.
Outside of knowing how to fix this issue so that, you know, my article section and my navbar section are separated from one another, are there any other glaring cases of bad code practices that I've made here? I feel like I might be overusing variables or classes.
https://jsfiddle.net/4vkxybqj/3/
Edit fiddle - JSFiddle - Code Playground
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
8 Replies
if you want them to be side by side use flexbox or grid. Using float is very old and not recommended way of doing this.
Will do some reading for that, appreciate it.
yickes, layouts with floats
yeah, this layout is a great candidate for grid
"Good" code practices isn't exactly something I find most schools put much effort into teaching.
Needs some CSS but this is a lot better, much appreciated for the tip
Edit fiddle - JSFiddle - Code Playground
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
much cleaner
yeah, its a lot easier to use than using floats