I’m trying to validate my css file and I get a Parse Error in this line and I’m not quite sure why, I do have all the tags closed, and if i place the outside of the footer it will change my desired result… What am I doing wrong in here?
@media (max-width: 600px) {
footer {
flex-direction: column;
gap: 12px;
a {
display: flex;
justify-content: center;
gap: 8px;
}
}
}
I tried to change the sequence of the code and re-write the tags just in case, but the result changes depending on how I write it, besides that I don’t really know what could I do to change the Parse error in the validator.
Gabriela Rodrigues is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
3
your a tag is enclosed within the footer. You can only do nesting when you are using scss. Assuming this styling is in css.
@media (max-width: 600px) {
footer {
flex-direction: column;
gap: 12px;
}
a {
display: flex;
justify-content: center;
gap: 8px;
}
}1