SHARE
TWEET

WCS Quest "06 - CSS : Box Model" - Part 2/2 CSS

0reldev Feb 19th, 2020 71 in 132 days
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. /* NAVIGATION FORMATTING */
  3. nav {
  4.   background-color: black ;
  5.   color: grey ;
  6.   margin-bottom: 0px;
  7.   padding-top: .5em;
  8.   padding-bottom: .5em;
  9. }
  10. nav li {
  11.   display: inline ;
  12.   font-size: 18px ;
  13.   padding: 10px ;
  14. }
  15. nav li:first-child {
  16.   font-size: 30px ;
  17.   font-weight: bold;
  18.   margin-left: -30px
  19. }
  20. nav li:nth-child(2) {
  21.   background-color: #C8C8C8 ;
  22.   padding-top: 2em;
  23.   padding-bottom: 1.5em;
  24. }
  25. #first_pic {
  26.     background-color: #E6E6E6 ;
  27.     height: 300px;
  28.     margin-top: 0px ;
  29. }
  30.  
  31.  
  32. /* ARTICLES FORMATTING */
  33. h2>p {                  /* text between parenthesis */
  34.   display: inline;
  35.   font-size: smaller;
  36.   font-weight: normal;
  37. }
  38. h2 {
  39.   font-size: 30px;
  40. }
  41. #fellows {
  42.   text-align: center;
  43.  
  44. }
  45. .articles {
  46.   padding: 10px;
  47.   text-align: center;
  48.   color: #E6E6E6 ;
  49.   margin-bottom: 5em;
  50. }
  51. /* section ul {
  52.     display: flex;     /* Flexbox is forbidden for this quest.
  53.   } */
  54. article {
  55.   display: inline-block;
  56.   background-color: #E6E6E6 ;
  57.   padding: 15px ;
  58.   margin: 5px ;
  59.   width: 25em;
  60.   height: 30em;
  61. }
  62.  
  63.  
  64.   /* FORM FORMATTING */
  65. form ul {
  66.   list-style-type: none;
  67.   text-align: center;
  68. }
  69. form ul li {
  70.   padding: 5px;
  71. }
  72. input {
  73.   size: 200px;
  74.   width: 65em;
  75. }
  76. select {
  77.   width: 66em;
  78. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top