Saved!

flex - Z4FLPQ6Y

flex box

flex box column

  
<link rel="stylesheet" type="text/css" 
  href="android.css" media="only screen and (max-width: 480px)" />


<link rel="stylesheet" type="text/css" 
  href="desktop.css" media="screen and (min-width: 481px)" />


<div class="row">
  <div class="column" style="background-color:#aaa;">
    <h2>Column 1</h2>
    <p>Some text..</p>
  </div>
  
	
  <div class="column2" style="background-color:#bbb;">
    <h2>Column 2</h2>
    <p>Some text..</p>
  </div>
  	
  <div class="column3" style="background-color:#f8f8f8;">
    <h2>Column 3</h2>
    <p>Some text..</p>
  </div>
  
  <div class="column2" style="background-color:#ccc;">
    <h2>Column 3</h2>
    <p>Some text..</p>
  </div>
  
  <div class="column" style="background-color:#ddd;">
    <h2>Column 4</h2>
    <p>Some text..</p>
  </div>
</div>
    


<div class="auto-custom-select">
   <select class="select" data-default-text="All Makes" style="display: ;">
      <option value="Option 1">Option 1</option>
      <option value="Option 2">Option 2</option>
      <option value="Option 3">Option 3</option>
    </select>
    
	<div class="auto-selected-option">All Makes</div>
	
	<ul class="auto-options-list">
		<li data-value="Option 1">Option 1</li>
		<li data-value="Option 2">Option 2</li>
		<li data-value="Option 3">Option 3</li>
	</ul>

</div>      
  
Meta
http://codesheet.org/placehold-img/?width=300&height=250&color=33aaff&text=&textcolor=

Quick add:

× Clear

Add Stylesheets

normalize.css
reset.css
nice.css
/> CodeSheet UI
Font Awesome
Bootstrap
Foundation
Animate

Add External JavaScript

jQuery 3.1.0
jQuery UI
Bootstrap
Angular

Add Google Fonts

Dosis
Exo+2
Lato
Lobster
Open+Sans
Open+Sans+Condensed
Oswald
Playfair+Display
Quicksand
Raleway
Rochester
Roboto
Roboto+Condensed
Roboto+Mono
Shadows+Into+Light
Ubuntu
Arvo
Indie Flower
Merriweather
Pacifico
Sedgwick Ave
Sedgwick Ave Display
html
css
js