articleBody
| -
Hi, I have just finished âTypesetting a community school homepage projectâ. Please can you give me feedback on the work. I paste the CSS here. Many Thanks
/* General setup */
{
box-sizing: border-box;
xbackground-color: pink;
}
body {
dbackground-color: orange;
margin: 0 auto;
min-width: 1000px;
max-width: 1400px;
}
/* Layout */
section {
float: left;
width: 50%;
}
aside {
float: left;
width: 30%;
}
nav {
float: left;
width: 20%;
}
footer {
clear: both;
}
header, section, aside, nav, footer {
padding: 20px;
}
/* header and footer */
header, footer {
border-top: 5px solid #a66;
border-bottom: 5px solid #a66;
}
/* WRITE YOUR CODE BELOW HERE */
@font-face {
font-family: âabhaya_libresemiboldâ;
src: url(âfonts/abhayalibre-semibold-webfont.woff2â) format(âwoff2â),
url(âfonts/abhayalibre-semibold-webfont.woffâ) format(âwoffâ);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: âcandalregularâ;
src: url(âfonts/candal-webfont.woff2â) format(âwoff2â),
url(âfonts/candal-webfont.woffâ) format(âwoffâ);
font-weight: normal;
font-style: normal;
}
html {
font-size: 10px;
}
body {
font-family: âabhaya_libresemiboldâ, sans-serif;
xfont-family: sans-serif;
font-size: 1.5rem;
}
h1, h2 {
font-family: âcandalregularâ;
font-size: 2rem;
letter-spacing: 1px;
word-spacing: 2px;
}
p, ul,ol {
letter-spacing: 1px;
word-spacing: 2px;
line-height: 1.5;
}
section ul, aside ul {
list-style-type: disc;
}
section ol {
list-style-type: decimal;
}
nav ul {
list-style-type: none;
}
h1 {
text-align: center;
}
section h2 + p {
text-indent: 20px;
}
a {
outline: none;
}
a:link {
color: blue;
}
a:visited {
color: purple;
}
a:focus {
color: green;
text-decoration: none;
}
a:hover {
color: red;
text-decoration: none;
}
a:active {
background: #265301;
color: #CDFEAA;
}
nav a {
outline: none;
text-decoration: none;
display: inline-block;
width: 80%;
margin-bottom: 7%;
text-align: center;
line-height: 5;
border: 1px solid purple;
xcolor black;
}
a[href*=âhttpâ] {
background: url(âhttps://mdn.mozillademos.org/files/12982/external-link-52.pngâ) no-repeat 100% 0;
background-size: 16px 16px;
padding-right: 19px;
}
|