CSS

Reference

.logo{
    display: grid;
    place-items: center;
}

The clamp() CSS function clamps a value between an upper and lower bound. clamp() enables selecting a middle value within a range of values between a defined minimum and maximum.

font-size: clamp(40px, 2.5vw, 68px); 

font-size: clamp(1.6rem, 2.5vw, 2.8rem); 

.cover{
    width: 100%;
    max-width: 1288px;
    aspect-ratio: 16/9;
}