All comments

• 

  P

  Lucas Marchesoti Franco•270

  @lmarchesotiSubmitted over 1 year ago

  I had a really tough challenge with this one's fluid images! I hope it all goes well in your screens too! :)

  

  Faq Accordion Card

  1

  30
  

  P

  Lucas Marchesoti Franco•270

  @lmarchesotiPosted over 1 year ago

  Left some acessibility errors because I changed some styling midway and didn't fix the markup properly. It is harmless anyway.

  Too lazy to fix it now, might come back to it later if I have time ¯_(ツ)_/¯

  0
• 

  Leonardo Fernández•360

  @leodev9911Submitted over 1 year ago

  

  four-card-feature-section-master with flexbox

  1

  10
  

  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
• 

  P

  Lucas Marchesoti Franco•270

  @lmarchesotiSubmitted over 1 year ago

  This background was hell! I wonder how other people did it, or if I actually went too far...

  

  Profile Card Component

  1

  20
  

  P

  Lucas Marchesoti Franco•270

  @lmarchesotiPosted over 1 year ago

  Is the reference design here different from the figma file? I seem to be getting a smaller image and a bolder font for the stats here.

  0