Still trying to figure out how to make the transitions less ugly, and get my stuff to stay inside its containers as the browser shrinks. This usually comes naturally to me - everything stays nicely inside my shell. All tips welcomed.
On desktop:
If the browser is tall, the container is too big. height rule not needed at all on .container?
At narrow viewports, the 3 column heights are different. Can do eg. align-items: stretch; on the container, and remove height:100% from .sedans, .SUVs, .luxury
Feedback welcome. What are your normal best practices when trying to ensure that your different sections format nicely in mobile? I'm struggling with max-height, min-height, just-plain-height, etc. a little bit. Eggs typically come in pretty standardized height, you know.
I try to do the smallest mobile layout first, and then scale up. "Mobile first" first google link: https://dev.to/manarabdelkarim/why-do-developers-choose-mobile-first-approach-4ckn
Yeah I try to avoid height as much as possible, and let eg. flex do it's thing. It's not always possible, but there's lots of uncomfortable situations with height properties.
