Advertisement
makispaiktis

Codecademy - 13th Exercise (CSS Given)

Oct 14th, 2019 (edited)
365
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.33 KB | None | 0 0
  1. html, body {
  2.   margin: 0;
  3.   padding: 0;
  4. }
  5.  
  6. header {
  7.   background-color: #333333;
  8. }
  9.  
  10. nav {
  11.   margin: 0;
  12.   padding: 20px 0;
  13. }
  14.  
  15. nav li {
  16.   color: #fff;
  17.   font-family: 'Raleway', sans-serif;
  18.   font-weight: 600;
  19.   font-size: 12px;
  20. }
  21.  
  22. main {
  23.   text-align: center;
  24. }
  25.  
  26. main h1 {
  27.   color: #333;
  28.   font-family: 'Raleway', sans-serif;
  29.   font-weight: 600;
  30.   font-size: 70px;
  31.   margin-top: 0px;
  32.   padding-top: 80px;
  33.   margin-bottom: 80px;
  34.   text-transform: uppercase;
  35. }
  36.  
  37. footer {
  38.   background-color: #333;
  39.   color: #fff;
  40.   padding: 30px 0;
  41. }
  42.  
  43. footer p {
  44.   font-family: 'Raleway', sans-serif;
  45.   text-transform: uppercase;
  46.   font-size: 11px;
  47. }
  48.  
  49. .container {
  50.   max-width: 940px;
  51.   margin: 0 auto;
  52.   padding: 0 10px;
  53.   text-align: center;
  54. }
  55.  
  56. .jumbotron {
  57.   height: 800px;
  58.   background-image: url("http://s3.amazonaws.com/codecademy-content/projects/broadway/bg.jpg");
  59.   -webkit-background-size: cover;
  60.   -moz-background-size: cover;
  61.   -o-background-size: cover;
  62.   background-size: cover;
  63. }
  64.  
  65. .btn-main {
  66.   background-color: #333;
  67.   color: #fff;
  68.   font-family: 'Raleway', sans-serif;
  69.   font-weight: 600;
  70.   font-size: 18px;
  71.   letter-spacing: 1.3px;
  72.   padding: 16px 40px;
  73.   text-decoration: none;
  74.   text-transform: uppercase;
  75. }
  76.  
  77. .btn-default {
  78.   font-family: 'Raleway', sans-serif;
  79.   font-weight: 600;
  80.   font-size: 10px;
  81.   letter-spacing: 1.3px;
  82.   padding: 10px 20px;
  83.   text-decoration: none;
  84.   text-transform: uppercase;  
  85.   margin-bottom: 20px;      
  86. }
  87.  
  88. .supporting {
  89.   padding-top: 80px;
  90.   padding-bottom: 100px;
  91. }
  92.  
  93. .supporting .col {
  94.   font-family: 'Raleway', sans-serif;
  95.   text-align: center;
  96. }
  97.  
  98. .supporting img {
  99.   height: 32px;
  100. }
  101.  
  102. .supporting h2 {
  103.   font-weight: 600;
  104.   font-size: 23px;
  105.   text-transform: uppercase;
  106. }
  107.  
  108. .supporting p {
  109.   font-weight: 400;
  110.   font-size: 14px;
  111.   line-height: 20px;
  112.   padding: 0 20px;
  113.   margin-bottom: 20px;
  114. }
  115.  
  116. .supporting a {
  117.   background-color: white;
  118.   color: #333333;
  119.   font-family: 'Raleway', sans-serif;
  120.   font-weight: 600;
  121.   font-size: 12px;
  122.   letter-spacing: 1.3px;
  123.   text-decoration: none;
  124.   text-transform: uppercase;
  125.   padding: 10px;
  126.   margin-bottom: 10px;
  127.   border: 2px solid #333333;
  128. }
  129.  
  130. @media (max-width: 500px) {
  131.   main h1 {
  132.     font-size: 50px;
  133.     padding: 0 40px;
  134.   }
  135.  
  136.   .supporting .col {
  137.     width: 100%;
  138.   }
  139. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement