Looking to hire developers?
@parimaldesign
@NehalSahu8055
Submitted
👋Hello, Frontend Mentor coding community.
👨🏼💻This is my solution for the Result Summary.
🛠️ Built with:
Tailwind CSS & Vanilla JS🎨 I added some custom features:
Hover EffectsCSS AnimationsLive Percentile Calculation📜 What I learnt?
📈 Scored 99% on Google Pagespeed Insights!
I'll be happy to hear any feedback and advice!🤗
@parimaldesign
Posted
Hi Nehal, Your solution is almost perfect but as a UI designer I can not overlook some of the subtle differences. Your colors are just a bit off and the shadow is a lot darker but I am sure if you had the Figma file it would have been absolutely perfect. I am fairly certain you get color codes in the readme file of the project or you can just open the screenshots in the browser and pick colors using dev tools. Just a little feedback. BTW I loved your caption, Do you mind if I copy the style?
@a-costas
Submitted
I wanted to challenge myself to create custom animations for on hover behavior as well as for the mobile hamburger menu opening and closing.
I'd love feedback on best practices as well as maintaining accessibility. As well as any other feedback you may have!
@parimaldesign
Posted
Hi Andrea, Congratulations on completing this challenge. I love the animations on the link hover and also the Hamburger menu.
I checked the preview on a 22'' monitor and there were some issues with the website :
Otherwise, the code is pretty much flawless and I and other new developers can learn from it.
Marked as helpful
@aluiggi96
Submitted
@parimaldesign
Posted
Hi Fabian, Congratulations on completing this challenge. Both the code and output are near perfect.
Just nitpicking here - Here are some changes I would suggest which shouldn't take long -
If you are a beginner, this is really great work.
@shah377
Submitted
I don't anything about flexbox. while researching for help this came to me but did not know how to use flexbox. I am confused about how to center the middle component, I did (margin: auto) but it worked only horizantally not vertically. Any Suggestions on how do that.
@parimaldesign
Posted
Hi Shah, Check out this link
You should avoid using position-absolute, try a couple of solutions using flex and grid. Or Check out my solution
Marked as helpful
@Noman-23
Submitted
Build this Landing Page using Css Flex, any suggestion would be appreciated, please like and comment if you find this helpful
@parimaldesign
Posted
Hi Norman, Congratulations on completing this challenge. I am assuming you coded this on a laptop and it looks almost perfect on that screen. I saw the live site on a 22'' Monitor and the layout is breaking for a couple of sections like the section with iMac.
Marked as helpful
@LokeshXs
Submitted
It's a good practice project to start with.
@parimaldesign
Posted
Hi @LokeshXs, Congrats on completing this challenge. I checked out the live preview and I'd like to make a couple of suggestions.
@khushi0909
Submitted
I am not able to center it in the center of the whole view ,can anybody help on that?
i used media query to make it responsive ,is there any other way it can be done ?
Feedbacks are welcome
@parimaldesign
Posted
Hello @khushi0909, Congratulations on completing the Challenge. I checked the live solution and I would like to make some suggestions. You have to use the font - family called Outfit from Google Fonts. You have set the width of the card as - 20vw which will look fine on Laptops and Desktops but it will shrink too much on mobile devices with very little width since 'vw' relates to Viewport width. I'd suggest setting a min-width to some pixel value to make it responsive.
Marked as helpful
