Height, container queries, units
Hello. I am starting to create more responsive pages and have some questions.
Should I avoid using height in any type of div or its children?
Should I go with new container queries and units instead of old ones even if its not supported by all browsers?
What units are the most responsive ones? I would go with %, rem for fontSize and em for padding/margin etc. (Am I wrong?)
7 Replies
Container queries are still a bit too early to use according to caniuse https://caniuse.com/css-container-queries
As for which units are the most responsive, any of the relative units are pretty much fine, but they've all got their own caveats. I'd really recommend following Kevin's Conquering Responsive Layouts course, it's free and very good. It'll answer most of these questions too
to be specific about container queries: If you're making something where you know the browsers that are going to be used to view your site will support them, go for it, but that's almost never the case. I'd still wait for browser support to get a lot better for most public use sites
I am following that course, but its time locked for now
it's best to be patient then 🙂
Okay thanks
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Yeah i need to get into flexbox and grid as it seems popular and used a lot
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View