Skip to content

Instantly share code, notes, and snippets.

@RebeccaBakels

RebeccaBakels/CSS Reminders

Created March 2, 2021 16:45
Show Gist options
  • Save RebeccaBakels/1307d84ef336fd08a5bc32662d1fb3de to your computer and use it in GitHub Desktop.
Save RebeccaBakels/1307d84ef336fd08a5bc32662d1fb3de to your computer and use it in GitHub Desktop.
Download ZIP
Raw
CSS Reminders
//Background adjusts and covers:
background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(https://coolbackgrounds.io/images/backgrounds/index/sea-edge-79ab30e2.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: auto;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
//Flexbox
display: flex;
justify-content: space-around;
@RebeccaBakels
Copy link
Author


Screen Shot 2021-03-02 at 11 29 46 AM

@RebeccaBakels
Copy link
Author

https://flexboxfroggy.com/

https://cssgridgarden.com/

@RebeccaBakels
Copy link
Author

Flex-one dimension
Grid-multi dimensional

@RebeccaBakels
Copy link
Author

Screen Shot 2021-03-02 at 12 02 51 PM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment