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 card of car details

Islam abozeedβ€’ 240

@islamabozeed

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Islam abozeedβ€’ 240

@islamabozeed

Posted

thanks a bunch for commits it's really helpful I made it in nft project and going well, thanks again!

1

@0xabdul

Posted

Hello there πŸ‘‹ Congratulations you finished the 3-column preview card component project..πŸŽ‰

  • Problem⚠️
  1. First , 3-column preview card is not center aligning..!
  2. 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 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