@hariramjp777
Posted
Hi @Gracious Ng'etich, Your mobile layout looks good. For desktop layout, you've to use grid with three columns and two rows.
main { /* card container */
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
and then you set grid-row
and grid-column
for child elements which specifies number of rows/columns to span.
You can look at my repository
Hope it helps. 👍
@hariramjp777 Thank you very much.I appreciate the feedback. Let me try that.
@hariramjp777
Posted
@GraciousNgetich You're welcome.