Latest solutions
Latest comments
- @tiagobwP@lordever
Looks good and mostly matches the design.
What can be improved:
The share icon has a slightly more elongated shape and visually doesn't appear perfectly circular.
In mobile view, the share section should expand fully instead of showing a tooltip.
- P@JeronimoCarduP@lordever
Looks very nice and I learned how to make footer background by design
- @abdullah-202P@lordever
It looks really good, congratulations with completing this challenge!
If you to make position for bakground image, you can do it by using background-position;
- P@ReiRevWhat are you most proud of, and what would you do differently next time?
I used a grid layout with Tailwind CSS, which achieves efficient implementation.
P@lordeverLooks really nice!
- P@ReiRevWhat are you most proud of, and what would you do differently next time?
I tried to make my implementation as similar as possible. "Perfume" text will add extra 10 px, so I removed it.
What challenges did you encounter, and how did you overcome them?- The
<picture>
tag is useful for using different images based on media queries. - The
rounded-[inherit]
property can be applied to the<img>
tag. - The height of an enclosed text element slightly varies depending on whether it is inline, inline-block, or block.
P@lordeverThe way which you've chosen by using react and media queries is very good! Good job!
- The
- @ambroseahawoP@lordever
Awesome. If you want add border, you can simply make other balck box and place it under your card bit on the bottom and right corner