Develop

[Krzychu92]

https://krzychu92.github.io/layout_miami/

Mobile block (320px)
Tablet block (744px)
Mobile (1260px)

[volodymyr-soltys97]

This link doesn't working(
You need to copy the entire link and paste it here

[Krzychu92]

This link doesn't working(
You need to copy the entire link and paste it here

Updated

[Krzychu92]

I can't sort out why the layout is not scaling down :/

[loralevitska]

Good job! There are things that should be fixed:

• add favicon and change title
  
• implement this logic (by hover on phone icon) and make this phone-number reachable
  
• implement all modes (tablet, desktop)
  
• add hover effects for images in gallery
• remove outline and default background color after autocomplete, it breaks design
  
• make all form fields required
• make sure that all interactive elements have a cursor pointer on hover
• make it links
  

[Krzychu92]

@loralevitska that is a mobile version thats why I havent done any hover actions. The task says to send PR after each block is done so I sent a mobile version to check if its okay to keep going xd

[etojeDenys]

@loralevitska that is a mobile version thats why I havent done any hover actions. The task says to send PR after each block is done so I sent a mobile version to check if its okay to keep going xd

next time, write briefly about what you implemented

[etojeDenys]

good job, keep going

1. disable scroll when menu is open

2. the button should look like this on hover

[Krzychu92]

Added a tablet and desktop version. Please check

[volodymyr-soltys97]

1. Add a favicon and actual title on the page

2. Need to remove the scroll when this menu is open

3. The prices should be here on the same line
   Demo

Design

4. This image should be the full width of the browser window
   Demo

Design

5. The user will not be able to change the size of this field

6. Add cursor pointer and transition for hover effects here

7. Make all these fields are required before sending

8. These elements should be clickable

9. Need to remove autocomplete styles and fix the indents for the textarea

[Krzychu92]

I think I have changed everything from list. I couldn't find how to block scrolling without JS so I setup menu over a layout with z-index

[nazarmatsevych]

Looks great, let's make some improvements:

1. Page should not reload on submit, also clear form fields on button click (
   add this to your form
   
   )
2. Open external link like googlemap in a new tab
   

[Krzychu92]

done it. Now I think is good :D

[nazarmatsevych]

👍

[nazarmatsevych]

Awesome 👍