I'm trying to convert a website to responsive and have watched several hours video on youtube ,now have these questions:
1-What is the principal of css for a container?
2-When we don't know the amount of a 'height' in css must we set it to 'auto'
3-When we use from html5 tags like 'footer' ,this tag act as a container?
4-What is best definition for mobile size for responsive(e.g min=320px and max=600px)?
5-Can we put a rang of size for mobile in 'media query'?
for example :
@media only screen and(max-width:320px) and(max-width:600px)
6-When we reach to a breakpoint we can non-display a <div>,how can we replace another <div> to that <div>?
7-When we have a container and inside it have several <div> tag ,and reach to a breakpoint for responsive ,applying css to container for responsive is enough? or we must apply width to percentage for all nested <div> inside the container?