Four Card Feature Section

Community feedback

• 

  Folarin Akinloye•1,240

  @folathecoder

  Posted over 4 years ago

  Hi Eugene!

  Cool attempt, keep it up! I can tell this is your first challenge on frontendmentor.

  For easy implementation, always use the index.html file provided in the zip file because it has all the details you need to get started, like:

  1.) The text content 2.) The copyright text at the bottom of the page, etc.

  It will save you valuable time!

  Also try to make sure your implementation closely resembles the mock-up on both desktop and mobile.

  When you are done coding, compare your design by placing it side-by-side with the mock-up to know if it is visually === .

  On mobile - You need padding on the left and right sides, to prevent the cards from touching both sides of the screen. Also, take note of the font colors, and font sizes.

  Your font size across all devices ought to be different. (e.g, Desktop (2 rem), Tablet (1.6 rem), Mobile (1.2 rem)). Your font size must be relative to the screen!

  I only viewed it on my phone, so I only have a mobile feedback. 🙂

  24
• 

  Loris DUCAMPS•425

  @LorisDucamps

  Posted over 4 years ago

  elements positioned with 'relative (top: 'number'px etccc) or absolute or float' are no longer part of the vertical rhythm and therefore can potentially overlap at resize. that's what I wanted to explain

  when you resize your browser, img elements go out of their containers

  00