Hi Viki. You are having trouble because you are going against the way websites work especially responsive ones. The one part we didn’t discuss yesterday is background images. Background images are placed behind content in a div, but have no space of their own and you should not try to design content to fit them. Which I realized is exactly what you are doing. You still are giving things specific width instead of using grid or flex-box to do the work. As your design is it won’t work responsively and it is also very hard to read. There is no way to fundamentally have it work as is. To rework it you should think of things as in rows just like a grid. Those rows stack on top of each other. You can approximately place things but for instance those large balls should be images not background images. Images take up space background images do not. You are also using fixed height to ensure the placement of the background images which is also a bad practice and is messing up the responsiveness of your design. What i would suggest and what I did was hide the background images so you can deal with the real content and if those background images are content then cut them up into smaller images and use them as content. You can also use grids inside of grids if that is easier to picture and align.