CSS Grid Layout

css-grid-layout.markdown

CSS Grid Layout

A Pen by georgenaranjo96 on CodePen.

License.

index.html

<!-- Note: This example only works with Windows Insider Preview Builds 16237+. -->
<header>Get crouton awesome.sh</header>
<section>
  <div class="container-lg">
    
<h6>run once in chroot/ubuntu to install and set basic awesome configuration</h6>
    
    
    <div class="row">
        <pre><code>
       <p class='user-select-all'>
          sudo crouton -r buster -t xorg 
          sudo apt-get install awesome
          echo "exec awesome" > ~/.xinitrc 
          mkdir -p ~/.config/awesome
          cp -r /etc/xdg/awesome/* ~/.config/awesome/<br></code></pre>
      </p>
  </div>
    <div class="row">
      <p>
        after installing awesome, then issue the following at crosh to add the alias
        then in the future, just type: startawesome to start in awesome
        echo "alias startawesome='sudo enter-chroot xinit'" >> ~/.bashrc </p>
    </div>
  </div>
</section>

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>

style.css

/* Note: This example only works with Windows Insider Preview Builds 16237+ or the Fall Creators Update. */

body {
  font-family: segoe-ui_normal, Segoe UI, Segoe, Segoe WP, Helvetica Neue,
    Helvetica, sans-serif;
}

header {
  background: #707070;
  margin-top: 10 px;
  
}

section {
  background: #ababab;
}
code{
  
}
section {
  padding: 2px;
}
row {
}
p {
  margin: 5px;
}

styles

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet" />