@ApplePieGiraffe
Posted
Hello, ElieB77! π
Wonderful job on this challenge! π Everything looks pretty good and responds quite nicely! π As emestabillo mentioned, your attention detail is great! π
I just suggest adding some alt text to the logos on the page to clear up your solution report a bit. π
Keep coding (and happy coding, too)! π
@ElieB77
Posted
Hello @ApplePieGiraffe,
Thanks for the compliments,π I'm a little disappointed regarding the margins and padding though, I need to find a tool that give me the exact pixels of white space between elements on the figma design file..
I know, I always neglect the alt, π I've tried to edit the sass files directly on github but changes doesn't apply.. Do you know if I can do that or do I have to go back to vs code to edit the files and reupload everything on github ??
Thanks for the feedback ! π
@ApplePieGiraffe
Posted
@ElieB77
If you use Figma to access and use the design files, you can select an element and then press the alt
key and hover over other items with your cursor to see the exact distance between those elements in pixels. Also, check out this Chrome extension called PerfectPixelβit allows you to overlay images over your website to see exactly how your website matches up with the design. π
As for the alt text, all you need to do is edit the HTML file in VS Code and then stage, commit, and push your changes to GitHub. If you linked your project in Vercel to a GitHub repository and you pushed the new changes to the master branch of your project (and it looks like it's set up that way by default), your website should automatically update to reflect those changes in a few minutes.
Let me know if that helps! π