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?
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.
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.
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 π
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
Check here for the hover and transparency solution (".overlay" class):
https://github.com/approved4me/FM-nft-preview-card-component-main/blob/main/style.css
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...Β―_(γ)_/Β―
Fixing my own issue by giving the image the height of 100% π
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?
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.
