Skip to content
Submitted over 2 years ago

Nft Preview Card

Hassan•60
@hassanmuhh
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...NFT preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello guys , I need someone to explain to me how to do it responsive knowing that i used position

Community feedback

  • Ahmed Bayoumi•6,740
    @Bayoumi-devPosted over 2 years ago

    Hey Hassan, Congratulations on completing this. you have some issues you need to fix.

    • <html> element must have a lang attribute , <html lang="en">
    • Document should have one main landmark, Contain the component in <main>.
    <main>
   <div class="container">
      //...
   </div>
</main>
    • Page should contain a level-one heading, Change h2 to h1 You should always have one h1 per page of the document.
    • You should be familiar with the CSS Margin & Padding properties of the Box Model & understand their implementation, and Position property. **I suggest you these resources ** position CSS Margins and Padding [What’s the difference between margin and padding in CSS?](CSS Margin vs. Padding: What's the Difference?) CSS Margin vs. Padding: What's the Difference?
    • I hope this is helpful to you... Keep coding👍
    Marked as helpful
    0

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