Skip to content

Instantly share code, notes, and snippets.

@inooid

inooid/style.css

Last active December 21, 2016 23:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save inooid/3ae66033f7c8b0ee731b25ceb8134fa2 to your computer and use it in GitHub Desktop.
Save inooid/3ae66033f7c8b0ee731b25ceb8134fa2 to your computer and use it in GitHub Desktop.
Download ZIP
Helping out someone's css assignment for uni
Raw
style.css
#about ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
#about li{
max-width: 230px;
margin: 10px;
}
@inooid
Copy link
Author

inooid commented Dec 21, 2016 

#about ul {
  display: flex; /* Makes use of flex box, which is sort of a new way to do grids (kinda simply said) */
  justify-content: center; /* makes every child element start from the center and then outwards */
  flex-wrap: wrap; /* whenever the content inside the <ul> is bigger than the window size, it should wrap to a new line, thus the <li> elements go underneath each other when on mobile */
}

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