@approved4me
@arpwn
Submitted
Someone has the exact responsive media queries for all devices? I used Responsively app, but it is looking different from reducing screen in my laptop, which view is correct? I started with a mobile first approach, If you can take a look to the repo, is that ok?
@approved4me
Posted
Kevin Powell over on YouTube has recreated this challenge, perhaps give it a view: https://youtu.be/B2WL6KkqhLQ
He goes through this challenge in great detail. This might help you improve your skills and solve some of your problems.
Marked as helpful
@fadelaslam
Submitted
Hello its my first time to submit my solution in frontend mentors. My background is full-stack engineer but in my task everyday I don't really do things that are frontend in a systematic and not well structured way.
Thank You.
@approved4me
Posted
Nice work. My suggestion is that you should try to add some landmarks such as "main", "article" & "footer" instead of always using just "div". This helps to separate the elements and increases the accessibility.
For the layout, please try adding some padding to the "body-card-pricing"
Keep it up 👍
Marked as helpful
@mfkutz
Submitted
The hover and transparency part really beat me, I tried everything but nothing worked correctly, if anyone comes up with something I'd appreciate it :D
@approved4me
Posted
Check here for the hover and transparency solution (".overlay" class):
https://github.com/approved4me/FM-nft-preview-card-component-main/blob/main/style.css
Marked as helpful
@approved4me
Submitted
I have used Flexbox for this one. Somewhere between Desktop and Smartphone, the design is broken because the image on the right doesn't span on the whole free space. Perhaps it's a Flexbox issue...¯_(ツ)_/¯
@approved4me
Posted
Fixing my own issue by giving the image the height of 100% 🙃
@Gabrielhas2001
Submitted
As it is my first challenge on the site, naturally, I felt a lot of difficulty. I'm coming from FreeCodeCamp and therefore my level is still a little low. But I'm studying daily to reach a desirable level.
And you? How did you behave with this project?
@approved4me
Posted
Kevin Powell over on YouTube has recreated this challenge, perhaps give it a view: https://youtu.be/B2WL6KkqhLQ
This might help you improve your skills.
