Hello guys the @media of the ul font size do not change in mobile view i do not know what’s wrong ?
here is the code link : https://codepen.io/Dehna/pen/Vwpdzvw
thanks in advance
Hello guys the @media of the ul font size do not change in mobile view i do not know what’s wrong ?
here is the code link : https://codepen.io/Dehna/pen/Vwpdzvw
thanks in advance
ul {
text-align: left;
max-width: 100%;
margin-left: 0.1rem;
margin-right: 0.1rem;
line-height: 1.7rem;
font-size: 1.2rem;
}
}
li {
text-align: left;
font-size: 2rem;
}
In your code the child li
overrides the parent ul
since they both share the “font-size” property
instead try something like;
ul li {
text-align: left;
max-width: 100%;
margin-left: 0.1rem;
margin-right: 0.1rem;
line-height: 1.7rem;
font-size: 1.2rem;
}
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.