task solution

[KrawczykDamiann]

[DEMO LINK] https://KrawczykDamiann.github.io/layout_miami/

Nie ładuje styli! Problem ze strony GH.

[danon321]

Link do demo nie działa :c

Jak wpisuje taki tez: https://krawczykdamiann.github.io/layout_miami/

[natalia-klonowska]

• styles in your demo don't work so try to make deploy again
• when switching from menu to the details, images overlap the menu background:
  

checklist:

• Add a favicon
• Change text color on hover for phone, email and address
• When you click on phone icon or phone number in contacts section, make sure that there is no 404 error, make it a real link to start a call on device
• When clicking on any location / address - prevent errors and make it to open location in Google Maps
• Pictures in Gallery should increase on hover
• Placeholders in the forms suggest what to enter; apply validation of the form fields (required, email / tel etc.), then it is clear in what format to enter the data
• Form shouldn't be submitted if some of the fields are not filled

[danon321]

Style ani obrazki dalej sie nie ładuja. Wychodzi na to ze sa jakies problemy ze ścieżkami.

Jak sam nie ogarniesz wbij na jakies QnA to ktos na pewno ci pomoze

[danon321]

Ogólnie super robota!

Jest tylko mały szczegół

Tutaj masz zdjecie z figmy

tam szerokosc całego skrinu jest na jakies 1260px a zauwaz ze kontent i tak nie styka sie z krawedziami ekranu.

A tutaj skrin z mojego monitora 1980px

Radze dodac jakis container tak aby trzymał on kontent wysrodkowany i w odpowiednich ryzach. Sprobuj uzyc max-width margin auto

[natalia-klonowska]

• above 1260px you have white background on sides ;)
  
• disable page scrolling for menu because now you can see images:
  

[natalia-klonowska]

• disable page scrolling for menu because now you can see images:
  

you still need to disable scrolling for menu. suggestion on how to do it you can find inside
checklist

[natalia-klonowska]

• use images with better quality and change layout so all titles and paragraphs were the same height
  
• checklist: Page shouldn't be reloaded on form submit (https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault)
• you have to large margins for mobile because on 320px your title should be in one line (also phone icon is too large and not centered)
  

[natalia-klonowska]

• your padding for entire page is wrong. it's always 20px and it should be 120px for desktop, 72px (section compare bikes centered) for tablet
  
  
• change color for email, address, phone and add hover effect. fix textarea
  
• you don't have close button for menu
  

[natalia-klonowska]

• when switching from menu to the details, images overlap the menu background:
  
• Page shouldn't be reloaded on form submit (https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault)
• images, titles and paragraphs should be on the same height
  

[danon321]

Nie widze zmian o ktorych mówiła Natalia wczesniej

[natalia-klonowska]

• popraw layout dla tabletu (przejdź po wszystkich elementach i sprawdź czy zgadzają się odległości bo też np nawigacja powinna mieć większy padding górny więc zobacz czy gdzieś jeszcze są tego typu błędy)
  
• cała sekcja compare bikes ma większe marginesy oraz zbyt duży odstęp między nazwami a paragrafami