@import url(~sanitize.css); @import url(~@fortawesome/fontawesome-free/css/all.css); * { box-sizing: border-box; } a { color: inherit; text-decoration: inherit; } body { display: flex; flex-direction: column; align-items: center; min-height: 100vh; } nav, footer { background-color: blue; height: 5vh; width: 100%; color: white; } nav { display: flex; align-items: center; justify-content: space-between; padding: 1em; } .form-search { display:flex; justify-content: center; } main { display: flex; flex-direction: column; width: min(max(90vw,1080px), 100%); background-color: beige; flex-grow: 1; } .product-image { max-width: 100%; } .name-price-container { display: flex; justify-content: space-between; align-items: flex-end; } .price-currency { font-size: 0.85em; opacity: 0.55; font-weight: normal; } footer { display: flex; justify-content: center; align-items: center; }