four-card-feature-section-master with flexbox

Community feedback

• 

  P

  Lucas Marchesoti Franco•270

  @lmarchesotiPosted over 1 year ago

  Hello @leodev9911,

  Your solution looks great! I'd like to highlight 2 points you could improve:

  1. For the 4-card section, I see you have used flexbox with some absolute positioning. While that is correct, I think a cleaner solution is to use CSS Grid. You can use extra rows and make the cards span multiple ones, try it out!
  2. In the design file, the colored border at the top of the cards has straight corners. If you look closely, your solution has the color bend along with the border. To achieve this, you can use one of the pseudo-elements ::before or ::after to create a rectangle and position it at the top of the card. Then, just make the overflow hidden at the card and voilá, you're done! :)

  Marked as helpful

  0