.greeting-text{ flex:1; } .greeting-image{ .image-box{ margin:5px; width:251px; } .link-box{ display: flex; } } @media (max-width: 1700px) { .greeting-image{ .link-box{ display: none; } } } /************ BreakPoints ************/ // Small devices (landscape phones, 576px and up) @media (max-width: 576px) { } // Medium devices (tablets, 768px and up) @media (max-width: 768px) { } // Large devices (desktops, 992px and up) @media (max-width: 992px) { .greeting-image{ width: 100%; .image-box{ margin:0; width:100% } } } // X-Large devices (large desktops, 1200px and up) @media (max-width: 1200px) { } // XX-Large devices (larger desktops, 1400px and up) @media (max-width: 1400px) { }