Media query not working at any certification project

/* styles.css */

/* Apply basic styling */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}

#navbar {
position: fixed;
top: 0;
background-color: #333;
width: 100%;
}

#navbar ul {
list-style: none;
padding: 0;
display: flex;
justify-content: center;
}

#navbar ul li {
margin: 10px;
}

#navbar a {
text-decoration: none;
color: white;
}

#welcome-section {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background-color: #f0f0f0;
}

#projects {
padding: 20px;
}

.project-tile {
background-color: #fff;
padding: 20px;
margin: 20px;
}

@media only screen and (max-width: 250px) {

#welcome-section {
font-size: 1.8rem;
color: blue;
}

.text {
font-size: 1.6rem;
}
}


Here is my code in html and css for the portofolio certification project. Dont know why it keeps saying i should use at least one media query.

Welcome to the community.

It is the font size causing the issue. Perhaps the set size is bigger than this, I am not sure.

You could try removing it and see what happens, if you wanted to try it.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.