Responsive Order summary component using flex CSS, hover and pointer
Design comparison
Solution retrospective
Thanks, for the opportunity to participate in this challenge. I would appreciate any feedback on how to improve my CSS and HTML skills Bye!
Community feedback
- @Anubliss-0Posted about 3 years ago
Hi Tunde,
Sadly I cant see your website!
On the project settings on github, you can make the repo public to unlock the option to host the page for others to view.
having a quick glance at your code, the CSS looks great! The use of class and selectors is well done.
I notice the containers are set to flex, you could also considering using media queries to further change the layout of your page for smaller devices.
One tiny point to mention! The w3c standard for indentation is 2 spaces. I noticed your nested elements have 4 spaces of whitespace at the start.
Otherwise it looks clean, great job completing the task!!
Anubliss_
Marked as helpful0@TundeAdekoyaPosted about 3 years ago@Anubliss-0 thanks a lot on the feedback. Here's the link if you still wanna check it out https://frontend-challenge.tundeadekoya.repl.co
1@Anubliss-0Posted about 3 years ago@TundeAdekoya
The site looks great! Thanks for updating your comment :) The only thing I noticed is that your body has a fixed width, Looks fine on my laptop, but when plugged into a larger display I noticed the box moves away from the center.
I'm still a learner myself, but perhaps using a value like % or vw instead of px would alleviate the issue.
Anubliss_
Marked as helpful0 - @rahulkhimsuriyaPosted about 3 years ago0
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