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

NFT preview card component

Godstime 330

@iceberg61

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@0xabdul

Posted

Hey there 👋 first Congratulations you finished the NFT Card project doing very well..

  • but some issues in NFT Card project
  • Problem
  1. the NFT card is not center align
  2. Three Accessibility error..!
  • Solution
  • note the point
  • In CSS :
body {
display : flex;
align-items: center;
justify-content : center;
height : 100vh;
width : 100%;
}
  • for center align
  • first problem solving🥳
  • you can use the header tag line by line or order
  • In Html :
<body>
<div class="container" role="main">
// Whole html code and wrap container class
<h1> </h1>
<h2> </h2>
<h3> </h3>
<img scr="" alt="QR code img"></img>

</div>
  • Second problem solving🤩
  • Peace be upon Allah Mercy and Love...

Marked as helpful

1

Godstime 330

@iceberg61

Posted

@0xAbdul Dude massive thanks to you You know i have been having that center align thing for a while now. Man thanks alot. This alone is enough for me to give you a follow🙌

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