https://github.com/daggerok/html-footer

Minimal css to implement bottom footer functionality by using flexbox layout grid
https://github.com/daggerok/html-footer

css flexbox flexbox-css flexbox-grid flexbox-layout flexbox-samples flexboxcss flexboxgrid flexboxlayout footer

Last synced: 17 days ago
JSON representation

Minimal css to implement bottom footer functionality by using flexbox layout grid

• Host: GitHub
• URL: https://github.com/daggerok/html-footer
• Owner: daggerok
• License: mit
• Created: 2019-02-17T18:08:09.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2019-02-17T20:28:14.000Z (almost 6 years ago)
• Last Synced: 2024-11-11T15:39:10.810Z (3 months ago)
• Topics: css, flexbox, flexbox-css, flexbox-grid, flexbox-layout, flexbox-samples, flexboxcss, flexboxgrid, flexboxlayout, footer
• Language: HTML
• Homepage: https://daggerok.github.io/html-footer/
• Size: 14.6 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# bottom footer css

By using flexbox

[Demo](https://daggerok.github.io/html-footer/)

_index.html_

```html

  

    Minimal bottom footer css

    

      .app {

        min-height: 100vh;

        display: flex;

        flex-direction: column;

      } 

      .app-content {

        flex: 1;

      }

    

  

  

    navbar is here

    


      main site content is here

    

    footer is here

  


```