Hello,
Can I get some feedback please on this site and the efficiency.
I wasn’t able to complete the assignment without actually altering the html (added some classes). I would like to know how to do that.
Here is my repl.it (I hope it works - this is my first post ever):
https://typsetting-a-school-css.kevinayre.repl.co/
/* WRITE YOUR CODE BELOW HERE */
body{
font-family: ‘Source Serif Pro’, serif;
letter-spacing: 1px;
word-spacing:1.5px;
}
header h1{
font-size:2.5rem;
}
h1, h2, h3{
font-family: ‘Open Sans’, sans-serif;
letter-spacing: 2px;
font-size:2rem;
text-shadow: 2px 1px rgb(61, 59, 85);
}
html{
font-size:10px;
}
.bnw, .bsl{
text-indent:10px;
}
/.bnw and .bsl were classes I created to help the indent/
.bsl li{
list-style-type: square type;
}
/* Links */
a{
outline:none;
text-decoration:1px solid rgb(61, 59, 85);
}
a:link {
color: rgb(61, 59, 85);
font-weight: bold;
}
a:hover {
background:rgb(61, 59, 85);
color:whitesmoke;
border-bottom:2.5px solid black;
}
a:active {
background: red;
color: white;
}
.courses{
font-size:1.2rem;
letter-spacing: 2.5px;
list-style-type: square;
}
/.courses is the class I created in html/
.navlist a{
outline: none;
text-decoration: none;
display: inline-block;
width: 100%;
margin-top:2px;
margin-bottom:2px;
text-align: center;
line-height: 5;
color: whitesmoke;
font-size:1.4rem;
background:rgb(61, 59, 85);
}
.navlist a:hover{
background:black;
}
.navlist a:active{
background: red;
color: white;
}
.navlist li{
list-style-type: none;
}