The 100vw include the width of the vertical scrollbar so basically it's equivalent to 100% + scrollbar width and since you have the vertical scrollbar you will always have a small overflow equal to the width of the scrollbar and this will trigger the horizontal scrollbar.
better use
width:100%for#home-projectsinstead of100vwto avoid getting an horizontal scrollbar when reducing the screen.and maybe use
overflow:autofor#projects #home-projects .panel > divinstead ofscroll(unless you explicitely want to always show the scrollbar)Thanks! Adding these changes.
I don't fully understand the difference between 100vw vs 100% thing though. Could you give me some info on that one?
The 100vw include the width of the vertical scrollbar so basically it's equivalent to
100% + scrollbar widthand since you have the vertical scrollbar you will always have a small overflow equal to the width of the scrollbar and this will trigger the horizontal scrollbar.This is a great explanation. Thank you!