SHARE
TWEET

Untitled

a guest Mar 20th, 2019 70 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <meta name="viewport" content="width=device-width, initial-scale=1">
  2.  
  3. <header>
  4.     ini header
  5. </header>
  6.  
  7. <section>
  8.     <nav>
  9.         ini nav
  10.     </nav>
  11.  
  12.     <article>
  13.         ini article
  14.     </article>
  15. </section>
  16.  
  17. <footer>
  18.     ini footer
  19. </footer>
  20.  
  21. <style>
  22.     section {
  23.     display: flex;
  24.     }  
  25.  
  26.     nav {
  27.     flex: 1;
  28.     background: grey;
  29.     padding: 20px;
  30.     }
  31.  
  32.     article {
  33.     flex: 3;
  34.     background: silver;
  35.     padding: 10px;
  36.     }
  37.  
  38.         @media (max-width: 600px) {
  39.     section {
  40.             flex-direction: column;
  41.         }
  42.     }
  43. </style>
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