/CSS/Angular set encapsulated body to full height

Angular set encapsulated body to full height

/*inside the component.css which html you want to be rendered full screen*/

:host {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

Source: stackoverflow.com

Similar codes

35 votes262 views3 answers
Css how to make background transparent
CSS
0 vote250 views1 answer
Javafx change image on hover
CSS
0 vote272 views1 answer
Flex box writing sideways text top to bottom
CSS
0 vote299 views1 answer
Div with specific id css
CSS
1 vote280 views1 answer
How to write if condition in css
CSS
0 vote252 views1 answer
Horizontal scroll only css mobile
CSS
0 vote244 views1 answer
Affect top div opacity without affecting childrne
CSS
0 vote288 views1 answer
Css prevent grid blowout
CSS
2 votes267 views1 answer
How to add space between menu items in css
CSS
2 votes264 views2 answers
Xcel turn off scrool lock
CSS