31 lines
487 B
CSS
31 lines
487 B
CSS
.container {
|
|
--border: 2px solid var(--some-black-color, #757575);
|
|
--radius: 0.4rem;
|
|
--width: min(28rem, 100%);
|
|
|
|
--width-day: 6rem;
|
|
--width-month: 6rem;
|
|
--width-year: 8rem;
|
|
|
|
display: grid;
|
|
gap: 0.8rem;
|
|
grid-template-areas: "day month year";
|
|
grid-template-columns: min(--width-day, 1fr) min(--width-month, 1fr) min(
|
|
--width-year,
|
|
2fr
|
|
);
|
|
width: var(--width);
|
|
}
|
|
|
|
.day {
|
|
grid-area: day;
|
|
}
|
|
|
|
.month {
|
|
grid-area: month;
|
|
}
|
|
|
|
.year {
|
|
grid-area: year;
|
|
}
|