I need help removing unwanted space on the right side of my website


Heres my code if that helps.

I don’t have time to dig too deeply (time for bed), but I think you might want to rethink how you’re getting your images to align. You seem to be hard coding in a lot of information when a bootstrap grid system might make it easier, more responsive, and look better. Just a thought.

i’d recommend you to read about bootstrap grid system carefully, look through other bootsrap documentation and make use of it’s classes if you link it to your project

<br /> doesnt need other tags next to it, its just like this.
try to avoid using style attribute, you have .css( codepencss editor) for this

I used to have that problem too. What I recommend you do is in the body, set the margin and the padding to 0, and then that makes laying everything out a lot easier. It also ensures that your spacing on everything is the same across browsers.

I have just learned how to handle these kind of issues, bootstrap helped me a lot, however, if u want to dig more in positioning and responsive design, I recommend looking at bootstrap’s grid system’s code, it is very easy to understand and very educative.(don’t just copy, understand the concept)

Thanks a lot everyone! I will try to change my code up and add bootstrap.

just in case… it’s added to your current pen, see settings-> css theres a link https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css