Develop

[przwojwwp]

DEMO LINK:
https://przwojwwp.github.io/layout_miami/

FIGMA LAYOT LINK:
https://www.figma.com/file/NZQAIydtHo5QkINyGLHNcq/BIKE-New-Version?type=design&node-id=0-1&mode=design&t=byUV0YqdQsu9JQJI-0

MYBIKE landing

Website for selling electric bikes

build with technology:

• HTML
• CSS
• SCSS

[Viktor-Kost]

Keep going!)

1. Add a favicon
2. Add header section
3. Apply responsive design

[anastasiiavorobiova]

Great progress! You have done a lot of work! Keep doing to fix small issues here:

Implement the responsive design for tablets

Outline should be removed

The button is too large for the desktop



A user should be able to click on these links, so add proper href attributes here

[volodymyr-soltys97]

Great work 👍
Let's improve your page

1. The picture should be placed in the same way as on the design
   Demo

Design

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

3. Need to change the title page to 'MyBike'

4. Make all these fields are required before sending

5. Need to remove the autocomplete styles

6. Make resize: none to the textarea

7. When I click send form I get this problem

8. Add hover effects for all clickable elements and here

[przwojwwp]

there is no specification for hover this elements sir

[nazarmatsevych]

1. Page should not reload on submit, also clear form field on button click, add this to your form and don't forget to make form fields required
   

2. This link should open google maps read address
   

3. Something wrong with oveflow: hidden, please doublecheck it, when i click on burger menu items it should be removed from body
   

4. Add some hover effects and transition to all interactive elements
   
   

5. Add scale to all images in gallery
   

6. Proofread your code with both of this checklists

• https://github.com/mate-academy/layout_miami/blob/master/checklist.md
• https://github.com/mate-academy/layout_landing-page/blob/main/checklist.md

[przwojwwp]

I see that I skipped the checklist earlier. I hope everything will be fine now

[anastasiiavorobiova]

You have a huge progress here. The page is almost done:

Consider fixing validation errors

Check the background position for tablets

A user should be able to scroll the menu in a landscape mode


Consider removing outlines

There is a broken layout in the link

[przwojwwp]

Outlane was removed in earlier changes.
npm run deploy wasn't.
Should be fine now.

[volodymyr-soltys97]

Well done 🔥