Show sourcecode
The following files exists in this folder. Click to view.
public_html/gamla-kurser/webbutv1/ovningar/css/
bento_grid.css
css_ovning-flexbox.css
css_ovning10.css
css_ovning11.css
css_ovning3.css
css_ovning8a.css
css_ovning8b.css
css_ovning9.css
css_ovning9_alt.css
css_ovning9.css
101 lines ASCII Windows (CRLF)
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
body {
display: flex;
justify-content: center;
}
header {
border: 1px solid black;
color: white;
background-color: rgb(216, 112, 112);
grid-column: 1 / 4;
grid-row: 1/1;
text-align: center;
}
header h1 {
margin-top: 20px;
}
nav {
width: 200px;
background-color: white;
border: 1px solid black;
margin: 12px;
padding: 5px;
}
article {
width: 400px;
grid-column: 2/4;
grid-row: 2/2;
border: 1px solid black;
padding-left: 20px;
padding-right: 20px;
background-color: lightgray;
}
img {
border: 1px solid black;
width: 100px;
margin-left: 10px;
}
aside {
width: 200px;
text-align: center;
background-color: yellow;
grid-column: 4/5;
grid-row: 1/3;
border: 1px solid black;
}
aside h1 {
margin-top: 15px;
}
footer {
grid-column: 1/5;
grid-row: 3/3;
background-color: grey;
border: 1px solid black;
text-align: center;
}
h1,h2,h3,p,a {
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
font-style: Calibri;
margin: 10px;
}
.container {
width: 800px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: 75px 450px 50px;
border: 1px solid black;
}
.green-box {
background-color: lime;
grid-column: 1 / 1;
grid-row: 2 / 2;
border: 1px solid black;
}
.adbox {
background-color: white;
border: 1.5px solid red;
margin-right: 25px;
margin-left: 25px;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
}
#date {
font-size: 0.4em;
}
#selected {
font-weight: bold;
}