Submitted
Sunnyside agency landing page
- HTML
- CSS
- JS
@bramizdev
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Columns
The columns were a little bit tricky for me, I used grid
I guess grid
is the best way to do this but I'm not quite sure if I chose the correct approach for this. I added some grid-row-start
and grid-row
to the first and last card. I think that's not the correct way to do it since in the future you would like to add more cards it is going to be necessary to change that.
CSS
.cards-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
place-items: center;
}
.supervisor {
grid-row-start: span 2;
}
.calculator {
grid-column: 3 / 4;
grid-row: 1 / 3;
}
Submitted
What do you think its the best practice to order the CSS properties? Is alphabetically the best way to do it or are there any other ways?
Submitted
Submitted
Submitted
Submitted
Submitted