Code Monkey home page Code Monkey logo

advanced_css_grid_review's Introduction

ADVANCED CSS GRID

Review

Great work! You have learned many new properties to use when creating a layout using CSS Grid! Let’s review:

  1. grid-template-areas specifies grid named grid areas
  2. grid layouts are two-dimensional: they have a row, or inline, axis and a column, or block, axis.
  3. justify-items specifies how individual elements should spread across the row axis
  4. justify-content specifies how groups of elements should spread across the row axis
  5. justify-self specifies how a single element should position itself with respect to the row axis
  6. align-items specifies how individual elements should spread across the column axis
  7. align-content specifies how groups of elements should spread across the column axis
  8. align-self specifies how a single element should position itself with respect to the column axis
  9. grid-auto-rows specifies the height of rows added implicitly to the grid
  10. grid-auto-columns specifies the width of columns added implicitly to the grid
  11. grid-auto-flow specifies in which direction implicit elements should be created

This is a great time to experiment with the code in the code editor and try any of the properties you want to practice more! When you’re ready, move on!

Link to the lesson is below

https://www.codecademy.com/courses/learn-intermediate-css/lessons/advanced-css-grid/exercises/review

advanced_css_grid_review's People

Contributors

gladstone28 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.