Responsive clipboard-landing-page solution using scss
Design comparison
Solution retrospective
Hello everyone!
I have no specific questions. This one was fun and I tried to stick to the best practices and keep the code clean as possible. Also did my best to make the page responsive and look good everywhere.
Would really appreciate if someone looked at this one and gave me any feedback.
Thanks in advance!
Community feedback
- @walmanjmPosted over 3 years ago
Hi, good morning! nice and responsive,
if i may suggest would you please add some
:hover
to your social__links imgin my case a friend suggest me to use : inline svg and the fill property
but i cannot make it,
instead i use : fontawesomeits handle nicely with your social__links anchor tag
thanks,
happy learn, happy coding,Marked as helpful1@ToNisamBioJaPosted over 3 years ago@walmanjm Thank you for the advice! Happy codding!
0 - @Yashasvi2704Posted over 3 years ago
Hi ToNisamBioJa, you have nicely implemented the solution. The implementation is just a bit off in terms of vertical seperation of items. Looks like you could use a design app(Adobe XD or FIGMA) to perfect your design to every pixel.
An observation about the section to the right side of the monitor image. On a bigger screen(1440px + size ), the whole website responds to the change in screen size except for the Quick search, iCloudSync etc. section.
Other than that, Great WORK.
Marked as helpful1@ToNisamBioJaPosted over 3 years ago@Yashasvi2704 Yes, you are absolutely right. Thank you for taking the time to look at the design and pointing these flaws out!
1 - @FarisPalayiPosted over 3 years ago
Your solution looks really good and responds well. 👍
One small suggestion would be to set the alt text of the images that give no context to users to
alt=""
so assistive devices can ignore them.And also try to add some
:focus
state styles if you can, since it can improve keyboard user's experience.That's all from me. Have fun coding 👩💻
Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord