Four Card Feature | Grid Layout

Community feedback

• 

  Renan Tiscoski•1,240

  @DonUggioniPosted about 2 years ago

  Hey there,

  By the looks of it, you're setting your card to a max-width of 22rem and the before element a fixed width of 10rem.

  Usually, when you want to position a before or after pseudo element, you need to make it position absolute and its parent position relative. Try to do that and then on the pseudo element, set top:0, left: 0 and width of 100%, so it takes up 100% of it's parent width and it's responsive.

  Give it a try and hope it helps!

  Marked as helpful

  0

  ---

  

  Muhammad Bilal•160

  @mbilal-xPosted about 2 years ago

  @DonUggioni

  Thanks Renan It worked :D

  0

  

  Renan Tiscoski•1,240

  @DonUggioniPosted about 2 years ago

  @mbilal-x Awesome! Glad it helped =)

  0
• 

  Emmanuel Akwaboah•220

  @Cyrus-Akwaboah-EmmanuelPosted about 2 years ago

  Nice work bro.

  1

  ---

  

  Muhammad Bilal•160

  @mbilal-xPosted about 2 years ago

  @Cyrus-Akwaboah-Emmanuel

  Thanks Emmanual. Also, your design is soo cool :D

  0