Define the breakpoints

[micheledallatorre]

• <400px
  • decrease the font-size of the restaurant name
• 400px+
  • hide the view list button that is not useful since the viewport if large enough to view the list
  • adjust the flex settings
• 650px+
  • switch from display:flex to display:grid
• 800px+
  • start to display the address value above 800px
• 1024px+
  • start to add a margin around the grid