Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Order Summary Card in React with Animations

#animation#react
P
visualdennisβ€’ 8,295

@visualdenniss

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I've added a little animation on load :) Hope you guys like the solution.

Community feedback

Muhammad Abdullahβ€’ 2,650

@0xabdul

Posted

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

P
visualdennisβ€’ 8,295

@visualdenniss

Posted

@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
Muhammad Abdullahβ€’ 2,650

@0xabdul

Posted

@visualdenniss ok I keep it mind πŸ™‚

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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