/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

44 votes199 views6 answers
Select odd child css
CSS
0 vote182 views1 answer
Box shadow 2 sides only Clip path
CSS
1 vote172 views2 answers
How to align an image left in css
CSS
15 votes173 views2 answers
Span cursor pointer
CSS
1 vote226 views1 answer
Add image to div in css
CSS
33 votes198 views6 answers
Css flex center
CSS
25 votes182 views5 answers
Image blur css
CSS
1 vote193 views1 answer
Onclick change visibility
CSS
12 votes225 views3 answers
Line through in css
CSS
0 vote209 views1 answer
Css regions
CSS