homepage: Fix grid style
This commit is contained in:
parent
62341cf9d9
commit
43381bf493
|
@ -1,26 +1,26 @@
|
|||
.home-pinned-content {
|
||||
display: grid;
|
||||
grid-template-areas: 'banner news''welcome news''welcome news''shout news''shout news''projects projects';
|
||||
grid-template-rows: minmax(100px,auto);
|
||||
grid-template-areas: 'banner news''welcome news''shout news''projects projects';
|
||||
grid-template-rows: minmax(100px,auto)repeat(minmax(200px,auto),2)minmax(100px,auto);
|
||||
gap: 10px;
|
||||
}
|
||||
.home-pinned-content > * {
|
||||
border: 1px solid red;
|
||||
}
|
||||
.home-banner {
|
||||
grid-area: 'banner';
|
||||
grid-area: banner;
|
||||
}
|
||||
.home-welcome {
|
||||
grid-area: 'welcome';
|
||||
grid-area: welcome;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.home-news {
|
||||
grid-area: 'news';
|
||||
grid-area: news;
|
||||
}
|
||||
.home-shoutbox {
|
||||
grid-area: 'shout';
|
||||
grid-area: shout;
|
||||
}
|
||||
.home-projects {
|
||||
grid-area: 'projects';
|
||||
grid-area: projects;
|
||||
}
|
|
@ -3,13 +3,11 @@
|
|||
grid-template-areas:
|
||||
'banner news'
|
||||
'welcome news'
|
||||
'welcome news'
|
||||
'shout news'
|
||||
'shout news'
|
||||
'projects projects';
|
||||
|
||||
grid-template-rows: minmax(100px, auto);
|
||||
|
||||
|
||||
grid-template-rows: minmax(100px, auto) repeat(minmax(200px, auto), 2) minmax(100px, auto);
|
||||
|
||||
gap: 10px;
|
||||
|
||||
& > * {
|
||||
|
@ -18,24 +16,24 @@
|
|||
}
|
||||
|
||||
.home-banner {
|
||||
grid-area: 'banner';
|
||||
grid-area: banner;
|
||||
}
|
||||
|
||||
.home-welcome {
|
||||
grid-area: 'welcome';
|
||||
grid-area: welcome;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.home-news {
|
||||
grid-area: 'news';
|
||||
grid-area: news;
|
||||
}
|
||||
|
||||
.home-shoutbox {
|
||||
grid-area: 'shout';
|
||||
grid-area: shout;
|
||||
}
|
||||
|
||||
.home-projects {
|
||||
grid-area: 'projects';
|
||||
}
|
||||
grid-area: projects;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue