Submitted over 2 years ago

Preview Card Component

0xev•120

@0xev

A solution to the Product preview card component challenge

Preview Code

Solution retrospective

I found difficulty in project when I wrapped img in container

When I unwrapped it, there was no whitespace

Usually I find difficulty with "copying" exactly the look of assignment but since I don't have credits for Figma it is what it is for now

Code

Couldn’t fetch repository

Please log in to post a comment

Community feedback

Swing95•180
@Swing95
Posted over 2 years ago
Hello,

Instead of <p>P E R F U M E</p> try using letter-spacing: Xpx;

When creating new CSS file use CSS reset below:
```
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
```
For img, I would suggest you to set
```
img {
  display: block;
  height: 100%;
  width: 100%;
}
```
and then keep adjusting your section #card

Hope it helps

Good luck :-)
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