Skip to content

Instantly share code, notes, and snippets.

@anabellaspinelli
Last active July 24, 2018 14:19
Show Gist options
  • Save anabellaspinelli/e0f682ceda732af929e821cede765803 to your computer and use it in GitHub Desktop.
Save anabellaspinelli/e0f682ceda732af929e821cede765803 to your computer and use it in GitHub Desktop.
Without width
.nigiri {
margin: 0 10px; /* fixed 10px margin and padding... for now! */
padding: 0 10px;
float: left;
/* Extra things to makit look nice */
background-color: #fff;
border-radius: 100px;
box-shadow: inset -3px -6px 0 0 #ece0cd;
}
.nigiri > h1 {
background-color: #fca35d;
color: #fce2da;
border-radius: 100px;
font-weight: 100;
}
.board {
width: 500px;
height: 200px; /* we need this because floated elements don't occupy real Document Flow space, try removing it! */
margin: 20px auto;
padding: 10px;
background: #CBAD8C;
border-radius: 8px;
box-shadow: 12px 8px 0 rgba(#000, 0.1);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment