The website is changing its responsiveness after hosting the website ..
I created the website while on the local machine in mobile view is working fine but after hosting on mobile view its responsiveness is changing ..
10 Replies
Checklist:
1. Are you certain that all the CSS files are downloading correctly?
2. Is it only the responsiveness that is showing differently?
3. Are you using the same browser?
Yes, It is only the responsiveness that is showing differently
And I am using the same browser chrome
When I was developing it was shown the same as design but after deploying its responsivness changing
share the deployed website then
@Megha242 you can share the design too so we can know what to look out for.
Especially the parts that are showing wrong
this is after deployment in mobile view you can check before footer some extra margin getting added
and even before the product section, some extra margin is automatically added
this is the design of mobile view
hm, there is a lot going on. you are using positions, fixed heights, viewport unit, negative block margins (with viewport width).
almost every element is overflowing it's parent.
i'd recommend looking into flex a bit more. (a lot of this positioning shouldn't be nessesarry)
Ohk I ll recode this