Skip to content
Submitted 8 months ago

NFT-image-preview-using-scss Public

#sass/scss#bem
Yousef Attia•310
@Deeperr0
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

What are you most proud of, and what would you do differently next time?

I am proud of the speed I developed this in and that I started using SCSS.

Please log in to post a comment

Log in with GitHub

Community feedback

  • HL Wong•290
    @hl-wong

    Hello there. Good job on completing this challenge.

    @media screen and (width <= 768px) {
	.l-card__shadow {
		width: 50%;
	}
}

@media screen and (max-width: 480px) {
	.l-card__shadow {
		width: 80%;
	}
}

    I just seen your code and preview site. Based on the code above you have write in sass file, I can suggest you to use max-width for your card component.

    <span class="c-card__creator__text">Creation of </span>
<p class="c-card__creator__name">Jules Wyvern</p>

    And this part of code in html, I suggest you should put the <span> tag inside the <p> tag like the code below.

    <p>Creation of <span>Jules Wyvern</span></p>

    Good luck, and happy coding! :D

    Marked as helpful

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