Hi everyone,
I am new to this site and new to web dev. I am currently enrolled in a 1 year program and I’ve run into some problems with my assignment.
I cannot get the footer padding working correctly. My code is a mix of my own knowledge mixed with YouTube tutorials.
html {
height: 100%;
margin: auto;
background-color: whitesmoke;
}
body {
height: 100%;
margin: auto;
width: 960px;
}
header {
background-color: lightcoral;
text-align: center;
font-size: 28px;
text-shadow: 2px 2px 2px gray;
color: white;
}
footer {
background-color: lightcoral;
}
footer p {
text-align: right;
color: white;
font-size: 10px;
font-weight: bolder;
padding-right: 10px;
}
aside {
background-color: dimgray;
float: left;
width: 192px;
height: 100%;
color: white;
}
aside p {
padding-left: 10px;
font-size: 14px;
}
main {
background-color: gray;
float: right;
width: 768px;
height: 100%;
}
main h2 {
font-size: 24px;
padding-left: 10px;
color: white;
text-shadow: 1px 1px 1px lightcoral;
}
main p {
padding-left: 10px;
font-size: 16px;
color: white;
}
Any help is appreciated.
Thanks