@VishalMauryastp
Posted
Hi, You tried well , but it's a Single price grid component so ,I think you should use display:grid property to make this design .
-
You need to fix the **width ** of main <div> and fix the height of main <div> as **min-height: ; **.
-
If you are using display:flex ** ,then you need to fix width of ** bottom <div>. -if you are using display:grid ,then use this code .
.bottom{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
}
.left,right{
min-height: 259px;
padding: 41px;
}
I hope ,it's helpful for you š.
Marked as helpful