Effective, Mobile-First Digital Agency

#img_logo { position: static; } .canvas-wrapper::after { bottom: 0; } @media screen and (max-width: 600px) { #img_logo { width: 50%; height: auto; margin: auto; } .canvas-wrapper { display: flex; flex-direction: column; } } @media screen and (max-height: 450px) and (orientation: landscape) { body { min-height: 400px; } #img_logo { width: 50%; height: auto; } .canvas-wrapper { display: flex; align-items: center; justify-content: center; } }