I have recently designed a new CSS class
.FeaturedPost
{
float:left;
width:100%;
height:550px;
margin-bottom:20px;
border: 1px solid blue;
box-sizing: border-box;
background: rgb(255, 150, 150);
}
Additionally, I incorporated the following @media query
@media screen and (max-width: 500px) {
body {
background-color: lightgreen;
}
.FeaturedPost
{
height:50px;
background:rgb(255, 250, 250);
}
}
Despite changing the background color, the FeaturedPost dimensions remain unchanged. Any assistance is greatly appreciated.