Faisal Ashfaq Faisal Ashfaq - 2 months ago 8x
CSS Question

Bootstrap: Clearfix div takes unexpected height

When creating a new row after the masthead div the new row's columns would shrink: enter image description here

To encounter this issue I put a div.clearfix, that helped to get the row's columns in one line but now it creates an unexpected height out of nowhere:
enter image description here


Add #masthead CSS like this to make clearfix working his job:

.home #masthead {
    height: 100vh;
    float: left;
    width: 100%;