Plan and done for May-09-2017

Source

What will I learn today?

  1. Make menu hide only on tablet and desktop versions or add input-label to hide JS-function.
  2. Fix quirks in Safari: icons have became too small, everything become a mess on a wide screen.
  3. Fix a masthead height on resolution wider 640px.
  4. Fix an offer body text align for the gift message - now it aligns to center on resolutions less than 570.
  5. Build additional pages - hotels, impression, blog.

Done

  1. Masthead is ready. Added intermediate width breakpoints.
  1. Safari is disgusting. It collapses a height when the height is not explicitly set.
  1. Done. It was a flexbox with flex-basis: auto and flex-grow: 1, so the width of each of three containers wasn't evenly distibuted. Changed flex-grow to 0 and add min-width: 30%.