Media query not working at any certification project

[Marinela]

/* 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.

[anon42932716]

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.