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

Home Page:https://jsmastery.pro

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

SpecialMenu.css media Query required

Rahul4dev opened this issue · comments

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