Kolumna wysoka na całą widoczną przestrzeń - Bootstrap

Question

Cześć! Najpierw zaznaczę, że w Bootstrapie jestem mocno początkujący i nie wszystko jest dla mnie zrozumiałe.

Tworzę projekt strony, który będzie używany tylko prze zemnie na PC dlatego nie uwzględniam innych rozdzielczości podczas projektowania.

Powiedzmy, że mam okno przeglądarki i chcę aby niezależnie od tego jak długi i szeroki jest monitor kolumny zawsze układały się jak na 1 zdjęciu.

Nie wiem jak mam sobie poradzić z tym, aby wysokość zielonej kolumny zawsze rozciągała się na całą dostępną przestrzeń niezależnie od tego co się w niej znajduje. A jeśli znajduje się więcej niż widzialna przestrzeń to powinien się pojawić pionowy scroll.

Czy jest ktoś w stanie mnie nakierować w jaki sposób takie coś uzyskać?

Jeśli jest coś zbyt chaotycznie napisane to postaram się jakoś lepiej to z wizualizować i opisać

Answer 1

body{

    height: 100vh; w tym miejscu vh czyli 100% wysokości monitora lub tu możesz podać wartości na sztywno daj znać czy o to ci chodziło

    overflow: hidden;

}

Html

https://pastebin.com/N9rbuqmv

Css

https://pastebin.com/mRg0Ac8h