/* your custom css */ .homeMainWrapper { display: flex; flex-direction: column; } .homeMainWrapper > * { width: 100%; } .homeContainer { flex-grow: 1; display: flex; justify-content: center; align-items: center; } @media only screen and (min-device-width: 360px) and (max-device-width: 736px) { } @media only screen and (min-width: 1024px) { } @media only screen and (max-width: 1023px) { } @media only screen and (min-width: 1400px) { } @media only screen and (min-width: 1500px) { }