QR-component card with css-animation

Please log in to post a comment
Log in with GitHubCommunity feedback
- @kanuos
Hi Lesya, congrats on your first submission. The UI structure looks nice, however I've few questions/suggestions -
- Why is the card heading replaced by random lorem ipsum texts?
- Same goes with the card description
- Imagine a scenario - you visited a website where you are to scan a QR code (preferably by a phone camera). Would you like to hover the card before you can scan? There's no need for this effect. It is counter productive as it beats the purpose of a Quick Response card. The card rotation using perspective property is cool but kinda goes against the UX of this app.
As far as the semantic HTML and BEM naming conventions are concerned - you aced it! At a quick glance, I thought it was perfect. Keep up the good work :)
Marked as helpful - @LoaiEsam37
you have to put your
<div class="qr__wrap">
tag inside a<main>
tag so that it becomes easier for screen readers to know where is the main content and you can also use something like <nav> , <footer> and <sidebar> tags for the same reason.Marked as helpful
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