Design comparison
SolutionDesign
Community feedback
- @islamabozeedPosted over 1 year ago
thanks a bunch for commits it's really helpful I made it in nft project and going well, thanks again!
1 - @0xabdulPosted over 1 year ago
Hello there π Congratulations you finished the 3-column preview card component project..π
- Problemβ οΈ
- First , 3-column preview card is not center aligning..!
- Second , there are nine Accessibility reports..!
- Solution π
- In Cssπ¨
body { display : flex; align-items : center; justify-content : center; height : 100vh; width : 100%; overflow-x : hidden; }
- for card center aligning..
- first problem solving π
- In Html π·οΈ
- using the div tag for wrap the html code
<body> <div class="container" role="main"> //Whole html code...! <img src="images/icon-suvs.svg" alt="suvs"></img> <img src="images/icon-sedden.svg" alt="sedden"></img> <img src="images/icon-luxury.svg" alt="luxury"></img> //You write a alt attribute but not mentioned like thisβοΈ </body>
- Second problem solving π
- I hope it's useful for you and wating for your next project β€οΈ
- I know in this project you made so many hard and so many time wasting But your project is nice π
- Live , Learning , Lifestyle Change..π
- Peace be upon Allah Mercy and Love π
1
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