Four card feature section solution. Built with Grids, Flexbox and Pos.

Community feedback

• 

  Agata Liberska•3,995

  @AgataLiberskaPosted over 3 years ago

  Hi @Isenraf! The easiest way is to start with the mobile design - not sure which design you went with first but I thought I would mention that :) Here are a few things:

  • Because you set max-width of the body to 1440px, the whole design is not centered on my screen.

  • I think you could modify your media query so the design goes from the column to grid layout only when there's enough space for it. This will likely make the cards very wide, so it will be a good idea to add max-width to card styles.

  • Something is causing a horizontal scrollbar to appear, but I haven't been able to find the culprit :(

  Hope this helps :)

  0

  ---

  

  Isenraf•220

  @IsenrafPosted over 3 years ago

  @AgataLiberska Thanks for your feedback. I have set the body width to 1440px as mentioned in the specification.

  0

  

  Agata Liberska•3,995

  @AgataLiberskaPosted over 3 years ago

  @Isenraf the screen sizes for the design are provided to help give an idea of how elements are sized and positioned in the viewport, you should definitely aim at making the design work on all screen sizes :)

  0

  

  Isenraf•220

  @IsenrafPosted over 3 years ago

  @AgataLiberska ok

  0