An experiment in cleaning up CSS by just avoiding dis-features and focusing on flexbox and CSS grids.
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
<header>
|
|
|
|
<nav>
|
|
|
|
<nav-left>
|
|
|
|
<a>About</a>
|
|
|
|
<a>Store</a>
|
|
|
|
</nav-left>
|
|
|
|
<ul>
|
|
|
|
<li>Gmail</li>
|
|
|
|
<li>Image</li>
|
|
|
|
<li><Icon name="grid" color="#000" /></li>
|
|
|
|
<li><button>Sign In</button></li>
|
|
|
|
</ul>
|
|
|
|
</nav>
|
|
|
|
</header>
|
|
|
|
|
|
|
|
<figure>
|
|
|
|
<a href="/demos/google" use:link>
|
|
|
|
<img src="https://via.placeholder.com/500x200?text=Google+Doodle">
|
|
|
|
</a>
|
|
|
|
</figure>
|
|
|
|
|
|
|
|
<search>
|
|
|
|
<input type="text">
|
|
|
|
<buttons>
|
|
|
|
<button>Google Search</button>
|
|
|
|
<button>I'm Feeling Lucky</button>
|
|
|
|
</buttons>
|
|
|
|
</search>
|