adrianhajdin / project_modern_ui_ux_restaurant

This is a code repository for the corresponding video tutorial. In this video, we're going to build a Modern UI/UX Restaurant Landing Page Website
https://jsmastery.pro
1.41k stars 367 forks source link

SpecialMenu.css media Query required #17

Open Rahul4dev opened 1 year ago

Rahul4dev commented 1 year ago

In SpecialMenu.css the image stretches during testing in responsiveness for iPhone12 Pro and similar screens. For that, we can add media query for the max-width: 650px, like

@media screen and (max-width: 650px) {
  .app__specialMenu-menu_img {
    width: 100%;
  }

  /* Special touch */
  .app__specialMenu-menu_img img {
    height: auto;
  }

  .app__specialMenu-menu_heading {
    font-size: 35px;
    line-height: 48.5px;
  }
}