@jmmaglonzo
Submitted
Mastering Tailwind through Frontend Mentor Challenges
@david-tejada
@jmmaglonzo
Submitted
Mastering Tailwind through Frontend Mentor Challenges
@david-tejada
Posted
Here are some observations:
align-items: stretch
, change it to center
.@apply
is discouraged for most cases by the author of tailwind himself: Reusing Styles - Tailwind CSSnode_modules
to your .gitignore
.@pmzpro
Submitted
Hello Everyone!! =)
This is my second challenge. Initially, I had some difficulties with the flex and grid positions, but I figured out that my HTML semantics were not correct
What I Learned in this challenge
Built with
Feel free to say what I could've done better
this code got inspired in Kevin Powell video
@david-tejada
Posted
This looks very nice. One small issue is that at a viewport width of between 600px and 622px the image doesn't completely cover the left site of the card, which doesn't look good. You can use height: 100%
and object-fit: cover
to fix this. This will ensure that the image will cover the whole left side and that it won't be distorted
@david-tejada
Posted
Here are some observations:
justify-content: space-between
for that. You need to change some stuff before for that to work, though, because .scores
is a flex child with align-items: center
in the parent.alt=""
for that.Marked as helpful
@Wael-Orraby
Submitted
If there are any ways you think the code could be better, I'm all ears! Your feedback means a lot to me.
Thanks a bunch! 😊
@david-tejada
Posted
Here are some observations:
align-items: center
.Marked as helpful