Wassim Harakeh• 30
@Pavilion98
Submitted
image in technology page is okay on the local host, but when deployed to netlify it is floating to the top above my header. Any help would be highly appreciated.
Sebastian Söderström
@bastiman85
All comments
- Sebastian Söderström• 160
@bastiman85
Posted
You should try position your image div with grid-area. You might have to also change the containers and grid template for it to match the design. Best of luck!
0 @swarnabha2002
Submitted
I have made the page responsive, though you can scroll the page horizontally in mobile, which ruins the whole thing. How to solve that, can anyone suggest?
Sebastian Söderström• 160@bastiman85
Posted
You should try to get away from positioning stuff with "top" and "left". Try using margin and padding instead. It makes it much more responsive and also easier to center with. Or use the tools available in flexbox to center things.
And don't set heights on stuff (unless it's for special use), let the content decide the size.
And also, websites need to be responsive for all kinds of devices and sizes. not just a fixed desktop width and one phone width.
0
