A Pen by Rodrigo Martinez

Thumbnail
This awesome code was written by napotopia, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright napotopia ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Rodrigo Martinez</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <div class="container">
    <foo class="item left">foo</foo>
<!--     <div class="item middle">bar</div> -->
    <div class="item right">baz</div>
</div>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/napotopia/a-pen-by-rodrigo-martinez-rJVvNN */
.container {
    display: flex;
    color: rgba(255, 255, 255, 0.75);
    font-family: sans-serif;
}

.item {
    padding: 1rem;
}

.left { background: red; display: block }
.middle { background: blue; }
.right { background: green; }

.right {
    flex-grow: 1;
}

.middle {
    flex-grow: 3;
}

Comments