Olá, fiz o css conforme segue o video, porém não fica igual, parece que meu aside, tem um tamanho muito grande.
body{ font-family: "Crimson Text"; background-color: #F2FFFC; font-size: 20px; line-height: 1.5;
}
main h1{ font-size: 60px; font-family: "Open Sans Condensed"; text-align: center; color:#F2FFFC; background-color: #851944; border-bottom: 10px solid #000; padding: 20px; margin: 0px; text-transform: uppercase;
}
main a{ color: # 851944; font-family: "Open Sans Condensed"; }
h2{ font-family: "Open Sans Condensed"; clear: both; }
p{ text-align: justify; margin: 20px 0;
}
blockquote{ background-color: #D9E5E3; padding: 16px; border: 10px solid #C2CCCA; width: 250px; margin: 20px 40px; box-sizing: border-box;
}
.rodape-pagina{ background: #000000; color: #3C1D3D; padding: 20px; }
aside{ background-color: #3C1D3D; color: #F2FFFC; text-align:center; font-size: 30px; margin-bottom: 25px; text-transform: lowercase; text-indent: -600px;
}
.rede-github{
}
aside a{ color: inherit;
}
blockquote, aside, footer { padding: 20px; } main h1 { padding: 25px; font-size: 60px;
}
div{ padding: inherit; width: 720px; margin-left: auto; margin-right: auto; }
main div{ padding: 30px; }
strong{ font-weight: bold; }
em{ font-style: italic; } .icones-sociais li{
display: inline-block; text-indent: 99999px; } .icones-sociais a{ width: 40px; height: 40px; display: inline-block;
}
.github{ background-image: url(github.png); } .twitter{ background-image: url(twitter.png); } .linkedin{ background-image: url(linkedin.png); }
article{ padding-bottom: 30px; border: 1px solid #ccc; margin-bottom: 20px;
}
.leia-mais{ padding: 8px; margin: 16px; display: block; font-size: 24px; text-align: center; background-color: #E6E7E8; }
.fiat{ float: right; }
.petrobras { float: left; }
aside, img{ float: right; width: 15%; } aside{ clear: right; box-sizing: border-box; }
main{ float: left; width: 85%; }
footer{ clear: both; }