/* on small screens */
h1 {
border: 1px solid green;
}
/* on big screens*/
@media (min-width:600px) {
h1 {
border: 1px solid pink;
}
}
/* on small screens use the CSS here*/
main{
display: flex;
justify-content: center;
flex-direction: column;
}
/* on big screens use the CSS here*/
@media (min-width:800px) {
main {
justify-content: space-around;
flex-direction: row;
}
}