Nav

[katerinalex]

DEMO LINK

[Anastasiia-Svintsova]

Continue the conversation in the chat

[VitaliyBondarenko1982]

Looks like some sections not finished

Also:

• do not show hamburger icon when visible navigation
  
• add hover effect for nav links. check other interactive elements.
• after click on hamburger icon nothing happen. menu still closed
• click on slider buttons leads to 404 page

Pay attention on checklist

[loralevitska]

Good job! There are things that should be fixed:

• fix 404 error by about us link click (same for nav links in footer)
• make sure that all interactive elements have a cursor pointer on hover
• would be great if something happens by click on nav links (same for nav links in footer)
  
• fix 404 error by carousel button click
  
• fix these blocks according design for desktop mode
  
  
  
• fix placeholder
  
• remove default autocomplete background color, it breaks design
  
• make all form field required
• always open links in new tab
  
• add social links to appropriate icons (instagram, facebook, twitter)
  
• add smooth scroll to page by navigate, now user teleported after link click
• fix menu. It doesn't work by click on burger menu icon

[maxim2310]

Great job overall! Just couple tiny things needs to be fixed before approval)

1. these links must lead to different part of page, and need to add hover on it
   
2. need to add hover on main button and remove default border style from it
   
3. menu button is not working
4. these card need to make according design
   
   
5. also this block
   
6. need to make according design
   
7. need to check it out
   
   
   

[loralevitska]

Good job! There are things that should be fixed:

• center this block (need stretch)
  
  
• fix footer according design
  design desktop mode
  
  your version
  
• add right indents for social according design
  
• fix blocks width according design (264px)
  
  your version
  
  I'll help you with width and fix all in the card according design (indents between text and icons, font-size etc)
  
• add right paddings for these blocks
  
• add background and check indents according design
  your version
  
  design version
  
• fix menu, it doesn't work
• also check whole your page for tablet and mobile mode and fix according design (for example remove this line)
  
• there is no need open new tab phone number link
  

If you have any questions, please ask them in fe_chat and tag mentors. It will be faster, because your answers in GitHub will be visible to mentor only after you re-request review

[loralevitska]

Good job! need some improvements

• check yourself with indents from figma for these blocks. Check each block on the page like this, and not only in the place where mentors left comments
  
  
• according design background color should be white
  
  
• cross icon should be the same place with burger menu icon
  
• add hover effect for menu links
  
• check yourself and fix all mismatches with design
  

[maxim2310]

1. rewrite this button on div or remove porder and as i said before need to add hover effect
2. need to centered this
   
3. this block is still not like in design
   
4. also here need to add hover
   

[sTorba24]

Something happened with your DEMO link :(
Fix it please

[sTorba24]

Well done!

1. It looks like not separated elements, small parts of final 'learn more button' i mean would be good if hover effect will be for zone with icon+text(and same) so text should be changed on hover on icon etc
   
2. items in list has too big margins
   

mock:

3. here should be bigger paddings
   mock:
   

now:

4. add max-w to this section and elements should be aligned with near sections vertically
   

mock:

5. add cursor pointer to form submit button

6. footer should be aligned with other sections too, also looks like margin is lower than on mock(between form and footer)
   

7. remove underlining from location link
   

[TarasHoliuk]

1. Check margins between elements, and sizes in the footer (for different screen sizes):

• App:

• Mockup:

2. The Instagram icon link doesn't change color on hover. Also, add transition for all elements with hover effect on the page (not inside :hover selector - directly for the element to make it work in both ways):

3. Check the margin between the title and section content:
   

4. Fix the checklist points (and check all of them): 11, 12, 13, 15, 16

[TarasHoliuk]

Good improvements 👍
Let's add more - pay attention to the checklist

[maxim2310]

Great job overall! Just one tiny thing needs to be fixed before approval)

on mobile size this block without paddings

[lerastarynets]

You've got this, keep pushing forward!