Media ul font size

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;
  }

thanks @Fierceincii it worked. :blush::+1: