Meet landing page w/ flex, grid, vanilla css

Community feedback

• 

  P

  Paul Olynek•330

  @ePauloPosted 5 months ago

  I just finished the same challenge and approached it differently. I have no idea whether the person creating the challenge expected you type of continuous responsive solution or my rigid 3 screen type solution. Would be interesting to know.
  You coded the designs VERY close. The few differences I noticed include:

  1. Deskstop:

  • top right avatars image is lower in the design,
  • margin above the "meet" logo is larger (compared to Tablet and Mobile),
  • text in the last section is left-justified.

  2. Tablet:

  • avators image doesn't "overflow" (hidden) a bit on the left and right side, i.e. to they appear to be partially cut off,
  • main title appears to need a bit of padding (left/right) so there's two words per line,
  • title ("Smarter...") also appears to need a bit of padding (left/right) to match design,
  • title ("Experience... ") also appears to need a bit of padding to reduce width to match design.

  3. Mobile:

  • avatar images don't overflow (hidden) so outer avatars are a bit cut off,
  • main title appears to need a bit of padding so two words per line,
  • appears the paragraph under the main title should be a smaller font-size.

  Things you did correctly that I was unable to... 1) in my last section, my divider does not sit over top of the image but fades slightly into it... 2) also in my last section, my download button is not over top of the image but fades slightly into it.

  0