All comments

• 

  Caleb Sim•410

  @CodeLamp168Submitted over 2 years ago

  I am a novice in terms of CSS Grid Syntax, luckily this format was a bit more simple. The CSS and HTML for the testimonials were not difficult to create, took about an hour and a half.

  Used transitions to make the transformation from mobile to desktop more pleasing to look at and added a very simple hover effect.

  The one big flaw I have with my CSS is the centering of my content when its on its desktop format. I simply added the syntax: "body { margin-top:11rem }" to center it. But I know that wont be good for certain users and websites. If you want to look into the media query in my css and see what other method I could use. I would be grateful for the tip.

  

  Responsive Testimonial Grid Section Using Grid-Template-Area

  2

  41
  

  Daniel•100

  @danM51Posted over 2 years ago

  This looks great, love the animation. To help you centre content a lot better, have a look at Flexbox; the easy way would setting the content element to display: flex; and align-items & justify-content centre . This will centre the content regardless the screen size (in regards to the viewport constraints set) hopefully this helps, keep it up!

  0
• 

  Manu•10

  @mgoerlich90Submitted over 2 years ago

  Would there be a benefit using flexbox in this challenge, as long as you now how traditional boxmodel works?

  

  QR Code solution (notools)

  1

  30
  

  Daniel•100

  @danM51Posted over 2 years ago

  @mgoerlich90 first great work on your first solution! maybe this might help... I find Flexbox a lot easier to layout one dimensional small-medium sized components, where its great at focusing on alignment. So if you see a one dimensional flow of content then flex, but if its more complex-> then Grid is awesome at tackling those scenarios.

  Marked as helpful

  0