All comments

• 

  Nick•160

  @HarmoniaCodesSubmitted about 2 years ago

  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?

  

  QR Code

  1

  30
  

  Bea Ventura•60

  @beaventuraPosted about 2 years ago

  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

  This comment has received 1 replyShow
• 

  pimoux•370

  @pimouxSubmitted about 2 years ago

  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.

  

  HTML, CSS, mobile-first and animations with transition and keyframes

  1

  10
  

  Bea Ventura•60

  @beaventuraPosted about 2 years ago

  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

  This comment has received 1 replyShow
• 

  Mahendran-C•130

  @Mahendran-CSubmitted about 2 years ago

  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

  

  Responsive product card using CSS Flex

  1

  40
  

  Bea Ventura•60

  @beaventuraPosted about 2 years ago

  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

  @beaventuraSubmitted about 2 years ago

  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! 🚀

  

  Responsive Landing Page using CSS Grid and Flex

  1

  30
  

  Bea Ventura•60

  @beaventuraPosted about 2 years ago

  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