@ThabisoMagwaza
Posted
This is very nice solution. I'm impressed that you managed to do it with vanilla html and CSS.
I woud, however, caution against straying from the design when implementing such challenges. It's an interesting test of your attention to detail when you attempt to get the final application to look as close to the design as possible.
These are some of the areas I've identified where you strayed from the design:
- Some button and links hover states are incorrect
- The font sizes and whitespaces are not as per design
- The hero image is quite small compared to the design
Additionally, I'd look into disabling the button when call to the url shortening is in progress. I found myself mistakenly clicking the button twice. It would also help to have some kind of loading indicator.
I'm sure you can find some more. I suggest that you look throught the design again while paying close attention to the whitespace, hover and active stetes.
You have an impressive grasp of CSS and I'm sure you'll benefit from the challenge!
Marked as helpful
@enzo-mir
Posted
@ThabisoMagwaza Thanks for your feedback I’ll check all issues but at the moment I don’t get design file of pro Frontend Mentor but I can improve form submition, buttons and links but concerning font-size, image sizing or letter-spacing I must have screen shots that I can’t have in free version, anyway the feedback was helpfull !
Thanks ;)
@ThabisoMagwaza
Posted
@enzo-mir Ah yes I see. It's very difficult to get the sizes and spacing correct if you don't have the figma files