Please help me check the Parse Error code

April 11, 2022

I have a piece of CSS that validator.w3.org gives an error CSS: Parse Error. It is related to the {}. Please help me check it. Thanks in advance!

enter image description here

@media only screen and (min-width: 768px){
  .table td, .table th {
    padding: 5px!important;
    .svg-5 {
    width: 1rem!important;
    height: 1rem!important;
    }
    span.text-title {
    font-size: 14px!important;
    }
}
}
body.yivic-main .yivic-post-single .entry-content > p:first-of-type:first-letter {
    float: unset;
    font-size: unset;
    line-height: unset;
    margin: unset;
}
body.yivic-main .yivic-post-single .entry-content {
    line-height: unset;
    text-align: unset;
    font-size: unset;
}

>Solution :

You have to compile in:

@media only screen and (min-width: 768px) {
  .table td, .table th {
    padding: 5px !important;
  }
  .table td .svg-5, .table th .svg-5 {
    width: 1rem !important;
    height: 1rem !important;
  }
  .table td span.text-title, .table th span.text-title {
    font-size: 14px !important;
  }
}

You can do it online on several sites like: https://www.cssportal.com/scss-to-css/