Responsive Order Summary Card in React with Animations
Design comparison
Solution retrospective
I've added a little animation on load :) Hope you guys like the solution.
Community feedback
- @0xabdulPosted over 1 year ago
Hey there ! π Congratulations you finished the Order summary component component...π
- Some suggestions for you improve your codeπ€
Html π·οΈ:
- for Accessibility reports using the non-semantic elements (or) semantic elements..
- semantic elements :
<aside> , <artical> , <main>, <header> ,<section><footer>, <form> ect..
- non- semantic elements :
<div> , <span> ect ...
- for easy way to clear the Accessibility reports using non semantic elements Ex :
<div class="container" role="main"> //Whole html code wraping the div tag named "container"..π </div>
- the html code should be contained one main landmark β..
- Any way using the img tag should be put the alt Attributeβ
and mention the alt discription Ex :
<img src="logo.jpg" alt="logo"></img>
- I Hope it's useful for you and wating for your next project β€οΈ
- Happy Coding π
0@visualdennissPosted over 1 year ago@0xAbdul Hi,
Thanks, but please avoid copy-pasting same generic text over and over on every new submission.
Try to make your suggestion related to the posted submission and to the issues that are actually there or relevant.
I suggest you to please read and follow the community guidelines in order to not risk your account red flagged: See section called Copy/paste the same minimal feedback on multiple solutions in https://medium.com/frontend-mentor/frontend-mentor-community-guidelines-44303cc38aa6
Thanks.
0
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