add task solution

[bohdanbilozor]

https://bohdanbilozor.github.io/Eco_cosmetics/

[TarasHoliuk]

1. The form should reset on the submit button click, all fields should be required. See points 13, 15 from the checklist - it's from the previous landing page task. Also, there shouldn't be a white background:

Mockup:

2. Add cursor: pointer to buttons. Also, make them anchor links: To contact us -> to form, Shop -> to shop.

3. Add hover effect to these images:
   

4. Open social media (all external) links in the new tab:
   

5. There shouldn't be padding on the mobile version:

Mockup:

[TarasHoliuk]

GJ 👍

Let's improve it

[IvanFesenko]

• Not fixed, also form not cleared on submit
  
• Design miss match
  
  
• Check this case
  https://github.com/mate-academy/Eco_cosmetics/assets/61904995/2689fe91-99aa-44e9-a371-9db07925eb58

[anastasiiavorobiova]

Great work! Consider fixing the previous comments


Consider fixing the hover style here

Check the layout in the landscape mode

[ghost]

1. Your form should not show any errors on the form submit!

2. Match the form with figma desigh:
   Figma:

Your form:

[Viktor-Kost]

Nice!)

To improve:

1. check form styles

2. add hover effects to your links

Recommendations:

1. change a year to a current one

2. check markup

3. Suggest making sure that on desktops, the content section doesn't spread across the entire screen. Instead, it should have a maximum width. If there's a background image, image shouldn't be limited (only a section content). To do this, you need to apply the right styles in your CSS.

Why it's important:

Fits well: Setting a maximum width ensures that your design looks good on desktops without the content becoming too wide.

Easy to read: Keeping the content width in check makes it easier for people to read, as really long lines of text can be hard to understand.

Same look: Having a maximum content width helps maintain a consistent design, especially when using background images that go beyond the content area.

Easy to organize: Limiting the content width makes it simpler to organize your content on the page. This makes it easier for developers and designers to manage.

[anastasiiavorobiova]

Great work! Almost done!

Consider fixing the white background here

[anastasiiavorobiova]

Awesome work!