body{ #start{ height: 100%; } #page-wrapper.blog{ #start{ width: calc(100% - 20px); height: calc(100% - 5rem); position: fixed; top: 100vh; left: 10px; right: 10px; } } #page-wrapper.down{ #start{ top: 5rem; } #items{ -webkit-animation: showcard 1.5s 2.5s ease forwards; animation: showcard 1.5s 2.5s ease forwards; .card{ } } } } .blog{ #items{ opacity: 0; .full-works{ width: 100%; margin-top: 30px; } .card{ margin-bottom: 10px; min-width: 200px; } } }