CodePen Embed - Twitter Clone Starter


  <div class="Twitter">
    
    <div class="navbar">
      
    </div>
    
    <main class="main">
      <div class="col left-col"></div>
      <div class="col feed">
        
      </div>    
      <div class="col right-col"></div>     
    </main>
    
  </div>

:root {
  --color-twitter-light-blue: rgb(234, 245, 252);  
  --color-twitter-blue:       rgb(72,  161, 235);
  --color-twitter-bg:         rgb(231, 236, 239);
  --color-twitter-light-gray: rgb(245, 248, 250);
  --color-twitter-mid-gray:   rgb(206, 214, 220);  
  --color-twitter-dark-gray:  rgb(102, 117, 130);  
  --color-font-main:          rgb(0, 0, 0);
  --color-font-secondary:     #14171a;
  --color-nav-border:         rgba(0, 0, 0, 0.25);
}
body {}
.Twitter {}
.navbar {}
.main {}
.col {}
.left-col {}
.feed {}
.right-col {}

This Pen is owned by Jeff Astor on CodePen.

See more by @jastor11-the-decoder on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.