@hitmorecode
Posted
You can do this with CSS grid or flexbox. If you go with flexbox you need to re-arrange your markup
/* if you set it like this, it will be mobile already */
/* use media query to switch to dekstop */
<body>
<main>
<div>
top card
</div>
<div>
<div>
lower left card
</div>
<div>
lower right card
</div>
</div>
</main>
</body>
I see you used float: left;
you can stop using float and use flexbox or grid.
See if you can manage to do it like this, if you need help let me know.
Marked as helpful
@zainmo01
Posted
thank you for your help :D@hitmorecode