By default, the HTML div element (<div>) is responsive. You can put as many elements as you want inside it. But you destroy its responsiveness with your style sheet. You add height or max-height to it. Then, you get into trouble because you realize that your content is dynamic. You regret expecting everything to be the same. Your content overflows. Your website becomes ugly. The end of your life is coming.
Overflowing content is not that dramatic. But you must fix it.
How do you make HTML elements responsive again?
Make Div Responsive Again (MDRA) is a new movement. It is not a political movement. It is an HTML movement to make the <div> element responsive again.
We want to make your components responsive again. It becomes responsive again to your content. It becomes responsive again to your user's browser window.
You fix the issue by simply removing all the height and max-height CSS properties from all your components. For example, a card component needs neither height nor max-height. Let the content inside the card control its height. Do not set a specific size for the card. Let it be responsive.
In MDRA, we fight against the radical left-wing that wants to destroy the responsiveness of the website. We fight those lefties. We fight for everybody because all components matter. We are not a componist, a person who believes that just one component matters during the election only. We make all components responsive again. We make the div responsive again.
Get rid of those height and max-height. Let us make the div responsive again.
As a side note, I do not sell MDRA hats, as far as I can tell you.