Am new to FCC and this is first time posting. Am working on the responsive web design projects (I will drop all of the links in my portfolio project) and I badly need your feedback on my currently done Product Landing Page project. Here is the link to the project https://codepen.io/bitzs-alex/full/zYOygeZ
Looking forward to here what you are about to give me.
Hi,
The project looks great.
Iβve got one problem on my desktop screen.
In your .hero section. The buttons are covered with .hero__wrapper::after element.
So :hover, click and cursor:pointer doesnβt work on them.
Nice site but a few tips:
1 Maybe change your fonts to a smaller type when I size it down the letters stay very big. This isnβt to pleasant on a mobile.
2 the phone image has a weird white lining around it. This makes it looks like a sticker instead of a nice image on your site.
3 donβt be afraid of a little shadows behind your images/buttons
4 add an arrow to guide your ussers to bellow most people going on the site will not automaticly scroll down
I donβt know whether it is intentional of your design, but in my opinion, these animations of underline on hover in the main menu have too much padding from links on Desktop.
Their width as wide is their parent (i.e. the links BTW they are after pseudo elements) but the cubic-bezier function I used to translate them made them wide beyond the parent width and that is intentional it seems cool to me.