×
Clear all filters including search bar
Valeri Tandilashvili's CSS Notes
Results: 126
full height background image 
#body {
    background: url(../images/bg.jpg) top left repeat-y;
}
div p 
div p {
  background-color: yellow;
}
Selects all 
<p>
elements inside 
<div>
elements
flex-basis with flex-direction: column
When we use 
flex-direction: column;
, then 
flex-basis
means flex item box height
flex-flow
The 
flex-flow
property is a shorthand property for: 
flex-direction
and 
flex-wrap
flex-basis vs min-width
With 
min-width
property there will be a scroll when box's width is less then specified width value
align-self: flex-end
The element is positioned at the end of the container
align-self: flex-start
The element is positioned at the beginning of the container
flex: 1 - for only several items
When only several items need to grow
justify-content: space-between
Items are positioned with space between the lines
justify-content: space-around
Items are positioned with space before, between, and after the lines
Results: 126