i have finished all css on my project and the linkedin wont show at bottom screen and the background

Question

/* Global Layout Set-up */
* {
box-sizing: border-box
}
body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  color: #222;
  background: #f7f5f0;
}
/* Link Styles */
a {
  text-decoration: none;
  color: #999;
}
a:hover {
  color: #6633ff;
}
/* Section Styles */
.main-nav {
  width: 100%;
  background: black;
  min-height: 30px;
  padding: 10px;
  position: fixed;
  text-align: center;
}
.nav{
  display: flex;
  justify-content: space-around;
  font-weight: 700;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
}
.nav .name {
  display: block;
  margin-right: auto;
  color: white;
}
.nav li {
  padding: 5px 10px 10px 10px;
}
.nav a {
  transition: all .5s;
}
.nav a:hover {
  color: white
}
header {
  text-align: center;
  background: url('Images/portland.jpg') no-repeat top center ;
  background-size: cover;
  overflow: hidden;
  padding-top: 60px;
}
header {
  line-height: 1.5;
}
header .profile-image {
  margin-top: 50px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 3px solid white;
  transition: .5s;
}
header .profile-image:hover {
  transform: scale(1.2) rotate(5deg);
}
.tag {
  background-color: #efefef;
  color: black;
  padding: 10px;
  border-radius: 5px;
  display: table;
  margin: 10px auto;
}
.location {
background-color: #222;
color: yellow;
}
.card {
  margin: 30px;
  padding: 20px 40px 40px;
  max-width: 500;
  text-align: left;
  background: #fff;
  border-bottom: 4px solid #ccc;
  border-radius: 6px;
  transition: all .5s;
}
.card:hover {
  border-color: #ff99ff;
}
.ul.skills {
  padding: 0;
  text-align: center;
}
.skills li {
  border-radius: 6px;
  display: inline-block;
  background: #ff9904;
  color: white;
  padding: 5px 10px;
  margin: 2px;
}
.skills li:nth-child(odd){
  background: #0399ff;
}
footer {
  width: 100%;
  min-height: 30px;
  padding: 20px 0 40px 20px;
}
footer  .copyright {
top:  -8px;
font-size: -75em;
}
footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
footer ul li {
  display: inline-block;
}
a.social {
  display: inline-block;
  text-indent: -9999px;
  margin-left: 5px;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  opacity: .4;
  transition: all .5s;
}
a.twitter {
  background-image: url(Images/twitter.svg);
}
a.linkedin {
  background-image: url(Images/linkedin.svg);
}
a.github {
  background-image: url(Images/github.svg);
}
a.social:hover {
  opacity: 1;
}
.clearfix {
  clear: both;
}
/* Styles for larger screens */
@media screen and (min-width: 720px) {
  .flex {
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: flex;
    max-width: 1200px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 0 auto;
}
header {
  min-height: 470px;
}
.nav {
  max-width: 1200px;
  padding: 0 30px;
}
main {
  padding-top: 20px;
}
main p {
  line-height: 1.6em;
}
footer {
  font-size: 1.3em;
  max-width: 1200px;
  margin: 40px auto;
}
}

Alex Koumparos · Answer

Hi Dwayne,
Please ensure all your code is properly formatted using Markdown. Click the link below the text entry box for the Markdown Cheatsheet if you need syntax examples.
Also, you can't link to files on your computer's desktop. Just copy your html code and paste it into a Markdown-formatted code block.
Cheers
Alex

Welcome to the Treehouse Community

Looking to learn something new?

Dwayne Pinney

Dwayne Pinney

i have finished all css on my project and the linkedin wont show at bottom screen and the background

Dwayne Pinney

Dwayne Pinney

1 Answer

Alex Koumparos

Alex Koumparos