Develop- first block

[OlkowskaK]

https://OlkowskaK.github.io/layout_miami/

[danon321]

Link do demo wyrzuca 404 :c
Jak masz jakies problemy to zapraszamy na QnA albo pisz na czacie :))

[danon321]

Jedyne co widze po wejsciu w link do demo to:

[Zibi95]

I've reviewed the project and noticed a few issues that need attention:

1. Header Section:

   • The background image quality is poor and needs to be replaced with a higher resolution version
   • Consider optimizing the image for web use (compression while maintaining quality)

2. Hours Section:

   • The layout is not properly aligned
   • Elements need proper spacing and organization
   • Consider using CSS Grid or Flexbox for better structure

Recommendation for workflow:

1. Please complete one section at a time
2. Add comments in the code indicating which sections are ready for review

[danon321]

Pierwsza sekcja po headerze na wiekszych rozdzielczosciach ci sie rozjezdza:

Zgodnie z figma teks w headerze powinien byc wiekszy i wyzej obrazka:

vs

Sekcja "Now On View" nie jest skonczona wiec nawet nie wiem czy sprawdzac

[natalia-klonowska]

Check and adjust the spacing between elements in this section
demo vs figma design:

adjust position of first and last image
change sizes of images in second row
demo vs figma design:

[danon321]

Tutaj przy ekranie 1900px rozdzielczosci kontent rozjezdza ci sie na cała szerokosc ekranu.

Tu na figmie jak widzisz wszystko trzyma sie w tak zwanym kontenerze o szerokosci 1020px

Mozesz osiagnac ten efekt dodajac tam na sekcje klase .container
ktora bedzie wygladac mniej wiecej tak
{ max-width:1020px; width:100%; margin: 0 auto; }

[natalia-klonowska]

• in More to Explore section all paragraphs don't spread out across the same number of lines as in the design:
  
• first image is still a little off. it needs to be slightly zoomed in
  

[natalia-klonowska]

• Pictures in Gallery should increase on hover
• 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
• Page shouldn't be reloaded on form submit (https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault)
  -text should start with the same margin as the placeholder instead of touching the edges of the input field:
  

[danon321]

Super robota!!!