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
@bastiman85All comments
- @Pavilion98Submitted about 3 years ago@bastiman85Posted about 3 years ago
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 - @swarnabha2002Submitted almost 4 years ago
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?
@bastiman85Posted almost 4 years agoYou 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