Clipboard Landing Page

Hello, Urinzi! 👋

Congratulations on finishing this challenge! 🎉

A couple of things I'd like to suggest are,

• Use the correct font family for the site. Currently, it is different from the original design.
• The alternative text for the images/logo.svg should be the company name (just like you did with the images inside the brands div)
• The social media icons should be wrapped by link elements. They have interactivity so they should be wrapped by interactive elements.
• Also, the social media icons are not showing up on my view (1280px * 670px). Try to fix this issue.
• Use rem or sometimes em unit instead of px. Using px will not allow the users to control the size of the page based on their needs. I recommend reading this tutorial article about rem and em unit. This article explains both units in a simple way. I recommend reading it if you're not confident to use those units.

Hope this helps! 🙂

Hello Urinzi, congrats on getting the solution for this challenge, you managed to get the full responsive layout and it looks great!

If you don't mind I would like to suggest you some changes.

For your html structure, remember that the principal part for your document should always be on a main tag, all html pages should have a main tag for a better accesibility, also the first section should be a header tag.

In your buttons a tag, you could use some :hover effects like swaping the color and the background color with a little transition to get a clear and smoother effect on hover, you could try this:

.btn:hover {
  color: var(--Light-Blue);
  background-color: white;
}
  .btn {
  transition: all 0.5s ease;
}

And do the same to the greent button!

Hope my feedback helps you, if you have any question, don't hesitate to ask!