Looking to hire developers?
Most of the time I eyeballed the measurements, often by switching tabs on the browser. Its pretty hard to get an accurate result this way. I have also seen solutions that have very specific value on properties like padding, margins, etc. They often got super accurate result.
Is it okay if I got the sizing a bit off?
If not, how does people achieve almost pixel perfect spacing, sizes, adjustments, etc?
@Mahmoud2227
Posted
Hi, That's nice work. I think that you forgot to give the cover on hovering a border-radius and the image-frame div's height is slightly bigger than the image itself from the bottom and for the accessibility issue, I think you need to add a first-level heading (h1) but other than that I like your solution
Marked as helpful
@denielden
Posted
Hi K3mystra, good job!
Instead of using px try to use relative units of measurement -> read here
Overall you did well :) Happy coding!
Marked as helpful
@adram3l3ch
Posted
Hi, Congratulations for finishing the challenge. It is completely okay if the sizing is bit off. If you want a pixel perfect solution either you have to purchase pro, on which you will get the design files which has the accurate layout size, or you have to guess the numbers until it fit perfectly.
Marked as helpful
@Kemystra
Posted
@adram3l3ch I see, thank you for your answer!
@med-ghaza
Posted
Hi, Nice work. you need the right background color for the body it's
background-color: hsl(217, 54%, 11%);
For more info and perfect pixels look at my code Here
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
