Adding header and footer

[Karanelus]

For this moment header is almost ready (without menu, opened after clicking a menu button) with ready footer.

https://karanelus.github.io/layout_miami/

[BogdanMaliuta]

Hello, to check your work by parts(I think only header ready) I need to see it, so add demo link to your PR

[Karanelus]

Hello, to check your work by parts(I think only header ready) I need to see it, so add demo link to your PR

My bad, added link in start comment

[BogdanMaliuta]

Hello, in your header I can`t see menu button, because of image
,
Also on smaller devices its not ready

And burger menu icon must be black

[Karanelus]

https://karanelus.github.io/layout_miami/

Added recommended section and burgerMenu, fixed some problems from last PR

[BogdanMaliuta]

Well done with header!

[Karanelus]

Added categories section and little edit of burger menu

[BogdanMaliuta]

Looks good but on 570px breakpoint got smth like that:

[Karanelus]

The issue you’re describing occurs only when you shrink it to unrealistic sizes (for example, down to 50px) and then expand it again. Unfortunately, I don’t know how to fix it.

[natalia-klonowska]

Looks good but on 570px breakpoint got smth like that:

to fix it try to remove min-width: 100dvh; style from body

[natalia-klonowska]

fix resolution 744 and 743

[natalia-klonowska]

• on resolution < 742 your header stays in one place
• disable scrolling while in burger menu

[natalia-klonowska]

navigation stays in same place in resolution < 743

[natalia-klonowska]

this element should be in different size on mobile

[natalia-klonowska]

fix all problems in my recent comments :)

[natalia-klonowska]

tablet have wrong size for logo and phone icon

and height of background image (it's too short)

[BogdanMaliuta]

Hello, fix that things:
Incorrect position of title


images

fix this also

Also check your adaptive

[Karanelus]

Hello, fix that things: Incorrect position of title images fix this also Also check your adaptive

Don't know why but github pages ignore [class^="content"] condition, and that impacting all the page. Normally it's look like that on my computer:

[natalia-klonowska]

fix it so that it looks good in every resolution:

[Karanelus]

fix it so that it looks good in every resolution:

Looks like on Chromium' browsers layout looks different
Try my best to fix that

[natalia-klonowska]

Great work 🚀 just need some final improvements ;)
Checklist:

• All Logos on the page should be links to home page
• 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
• Page shouldn't be reloaded on form submit (https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault)

[BogdanMaliuta]

Nice!