Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jasonkarns/fe-layout-exercise

Last synced: 5 days ago
JSON representation

Host: GitHub
URL: https://github.com/jasonkarns/fe-layout-exercise
Owner: jasonkarns
Created: 2015-06-21T20:26:35.000Z (over 9 years ago)
Default Branch: master
Last Pushed: 2015-06-21T20:51:05.000Z (over 9 years ago)
Last Synced: 2024-10-11T07:14:03.218Z (28 days ago)
Language: JavaScript
Size: 852 KB
Stars: 0
Watchers: 3
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # My Lineman Application

Try to do the following exercises without touching the HTML

## inline block

start with inline-block-start branch and try to make the navigation look like:

![](inline-block.png)

## vertical align

start with vertical-align-start branch and account for the long blog title

![](vertical-align.png)

## display table

start with table-start branch and make three column layout with display table

![](display-table.png)

## flex box

start with flex-start branch and convert the display table layout to flex box

![](display-flex.png)