Add Media Query Styles for Defined Breakpoints

What is this warning?

You have defined breakpoints in your CSS but haven't provided corresponding styles for those screen sizes. This means your responsive design may not adapt properly at those breakpoints, potentially leaving users with a suboptimal layout on certain devices.

How to Fix This Issue

@media (min-width: 768px) {
  /* Empty or incomplete styles */
}

@media (min-width: 768px) {
  .container {
    max-width: 750px;
    padding: 0 15px;
  }
  .text {
    font-size: 1.1rem;
  }
}