Nick• 160
@HarmoniaCodes
Submitted
Although I used the provided font family and colors provided in the style guide, they do not seem to match the mockup image. I'm not sure what happened here. Suggestions?
Bea Ventura
@beaventura
All comments
- Bea Ventura• 60
@beaventura
Posted
I think the size of the card is not the same as the image. I recommend using Figma, Adobe XD, or Invision to get the actual size and spacing. As for the card title, I think you lack the font-weight and for the description, you should add line-height and set it normal or you can edit it if you want. I hope this help 🤗
Marked as helpful
1 - pimoux• 370
@pimoux
Submitted
How can I adapt the margin and padding when shrinking the screen ? On desktop format the page looks very good but when shrinking the elements are too far apart.
Bea Ventura• 60@beaventura
Posted
So, what are you going to do to have it responsive depending on the device being used when accessing the site? For me, I will set a breakpoint if the device dimension is 640px (mobile), 1024px (laptop), or 1400px (desktop). That's the basis for you to change its class style. I hope it helps 🤗
0 - Mahendran-C• 150
@Mahendran-C
Submitted
What are you most proud of, and what would you do differently next time?
Already completed.
What challenges did you encounter, and how did you overcome them?
responsive layout
What specific areas of your project would you like help with?
I have to learn how to grid
Bea Ventura• 60@beaventura
Posted
For me, I would use padding for spacing inside the content and margin for outside the content. The best advice I can give for getting the actual size and spacing is to use Figma, Invision, or Adobe XD. I hope it helps! 🤗
1 - Bea Ventura• 60
@beaventura
Submitted
It's not perfect, and it's my first time hosting a website. But overall, this helps me get an idea of the best practices in doing front-end. I was able to finish this by doing it step-by-step by watching CoderCoder's video series on YouTube. And I learned a lot about different aspects of CSS, especially using flex and grid. I left my question in the community feedback and I appreciate the help. 🤩
Frontend Mentor really helped me get first-hand experience in doing a project for a company. I'd recommend this to my developer friend! 🚀
Bea Ventura• 60@beaventura
Posted
It's my first time hosting a project, and I think it did not read the JS file. And on my local server, I notice that the background image, specifically the mockup and intro desktop image, overlaps the hamburger menu. How do I fix that?
0
