Skip to content

Latest commit

 

History

History
49 lines (46 loc) · 2.56 KB

checklist.md

File metadata and controls

49 lines (46 loc) · 2.56 KB
Raw
  1. Add a favicon
  2. Don’t forget to add a title for the whole web page (it could be the name of your landing)
  3. Logos in header and footer should be links to home page
  4. Change text color on hover for phone, email and address
  5. When you click on ‘CALL TO ORDER’, make sure that there is no 404 error, make it a real link to activate your phone on your laptop/phone
  6. Same when you click on logo. There shouldn't be any error.
  7. In the “Miami best” block, make sure that the “Real estate here” link does not lead to a 404 error, but to a location in Google Maps
  8. Pictures in Gallery should increase on hover
  9. Gallery links should open google maps in a new tab target="_blank"
  10. Photos in the Testimonials section should also increase on hover
  11. Make sure everything looks neat on mobile and without horizontal scrolling
  12. The speed of animations is the same throughout the landing page (for example, increasing when hovering or moving blocks when scrolling)
  13. Placeholders in the forms suggest what to enter, and if there is a validation of the form, then it is clear in what format to enter the data
  14. Form shouldn't be submitted if some of the fields are not filled
  15. Page shouldn't be reloaded on form submit (https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault)
  16. Add a smooth scroll for the whole page
  17. Fix menu for small screens (if there is not enough space for all the menu items) 
    .menu {
  /* Move these rules from .menu__content */
  box-sizing: border-box;
  height: 100vh;
  padding: 24px 0;

  background-color: #0075ff;

  /* Add this rule to add scroll when there is not enough space */
  overflow-y: auto;

  ...
  18. To disable page scrolling under the menu add the next code 
    .page__body--with-menu {
  overflow: hidden;
}
    window.addEventListener('hashchange', () => {
  if (window.location.hash === '#menu') {
    document.body.classList.add('page__body--with-menu');
  } else {
    document.body.classList.remove('page__body--with-menu');
  }
});
  19. Remember to reset default margins for headings (h1, h2, h3, etc.). Make sure that <h1> is positioned exactly 80px from the bottom of the header.
  20. Make sure that on navigate to the bottom of your page with TAB key while the menu is open your page blocks don't visible over the menu like on screen: Menu tab bug