Adjusting display for screens CSS

user_15076777 0
Viewed 26

I'm trying to change display: inline-flex to display: inline-block in CSS when the screen is smaller. But It doesn't change anything. This is the code:

.about{display: inline-flex}
@small screen and (max: 600px){.about{display:inline-block}}
jsx react-native css html
1 Answers

There are some problems with your syntax. You need to change @small to @media and (max: 600px) to (max-width: 600px). Here is the code:

.about {
    display: inline-flex;
}

@media screen and (max-width: 600px) {
    .about {
        display: inline-block;
    }
}
user_187047530
Related