CSS Grid Layout: Get rid of Bootstrap, JavaScript, CSS hacks (display:grid)

Discussion in 'HTML, CSS & JavaScript' started by Freelancer, Oct 4, 2017.

  1. Freelancer

    Freelancer Aspirant

    15
    8
    +21
    I find this fascinating. After 20 years of hacking we are finally at a point where you actually can make a real consistent "layout" of a website.


    His article on it: https://www.smashingmagazine.com/2017/06/building-production-ready-css-grid-layout/

    Rachel Andrew is a female designer who really pushed this forward. Rachel Andrew's view on Grid:


    Rachel Andrew's article on Grid: https://www.smashingmagazine.com/2016/11/css-grids-flexbox-box-alignment-new-layout-standard/

    The most important resource on this: https://gridbyexample.com
     
    • Informative! Informative! x 2
    • Like Like x 1
    • List
  2. insaneadmin

    insaneadmin Enthusiast

    222
    140
    +195
    Better late than never I guess. CSS was supposed to move us away from table based layouts, making it easy to create those types of layouts in a simple(ish) way. From the looks of this, we finally might have it.
     
  3. Pete

    Pete Fan

    965
    187
    +124
    CSS was never meant to move us anywhere, merely to divorce content from presentation. Except it never provided the tools to do the job as fully as we wanted because it was always thought to be a document, everything is a document, applications as web pages weren't even supposed to be a thing.
     
Verification:
Draft saved Draft deleted