Από τη Βικιπαίδεια, την ελεύθερη εγκυκλοπαίδεια
.portal-header, .portal-content, .portal-footer {
width:auto;
margin: 5px 0;
}
.portal-box {
display: block;
border: 1px solid #c8baa5; /* border */
background: #f5f1e9; /* background */
color: #000000; /* foreground */
margin:10px 0;
padding: 5px;
}
.portal-box h2 {
font-size: 1.2em;
background: #9966CC; /* titlebackground */
color: #ffffff; /* titleforeground */
padding:0;
text-align:center;
margin: -5px -5px 5px -5px;
border-bottom: 0;
}
.boxedit {
margin:-3px;
padding:0;
text-align:right;
font-size:80%;
color: #b2b2b2;
}
.boxedit a {
color: #868686;
}
.portal-welcome {
grid-area: welcome;
}
.portal-featured {
grid-area: featured;
}
.portal-image {
grid-area: image;
text-align: center;
}
.portal-categories {
grid-area: categories;
}
.portal-portals {
grid-area: portals;
}
.portal-dyk {
grid-area: dyk;
text-align: left;
}
.portal-footer {
grid-area: footer;
text-align: center;
}
@media (min-width: 800px) {
.portal-box {
margin: 0;
}
.portal-content {
display: grid;
grid-gap: 5px;
grid-template-areas:'featured categories'
'featured categories'
'image categories'
'image portals'
'image dyk';
}
}