Design comparison
Solution retrospective
Hello! I tried to make the design as close to the reference as possible, though I believe there could still be minor differences with the padding and margins. Unsure if I should've made use of clamp() here but any feedback on this is much appreciated, thank you!
Community feedback
- Account deleted
Hello @mbdelarosa π
Your solution is just perfect and I really appreciate your hard work
- But I don't know why you written
min-height
two times inbody element
and I think there is no need to write them two times
min-height: 100vh; min-height: 100dvh;
- And I think
illustration-hero.svg
is there for decoration and the image don't have any significant meaning that's why I think you can removealt attribute value
And you also can take a look of my solution
Hope that was helpful for you βΊοΈ
0@mbdelarosaPosted over 1 year ago@MrSandipSharma Thank you for your comment!
To be honest I only decided to include an empty
alt
on theimg
because it was failing the Accessibility and HTML Validation reports here on the solution page -- would it be fine if I just ignore the warning here?I included two
min-height
properties since from what I've read so far,dvh
is a new unit that might not be fully supported yet by some browsers which is why I addedvh
as a fallback. Hope this helps clear up things, thank you!0 - But I don't know why you written
Please log in to post a comment
Log in with GitHubJoin 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