Skip to content
Submitted over 1 year ago

responsive card of car details

Islam abozeed•240
@islamabozeed
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Community feedback

  • Islam abozeed•240
    @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
  • C H A R A N 🎯•2,670
    @0xabdulPosted over 1 year ago

    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

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