Skip to content
OverviewSolutions
17
Comments
6
Sebastien
@Sebystien

All comments

  • Sebastien•290
    @SebystienSubmitted almost 2 years ago

    Just getting back to coding after a long vaca but no more break.

    Card

    2
    Sebastien•290
    @SebystienPosted almost 2 years ago

    Thank you for the feedback! Will get it done!

    0
  • Sebastien•290
    @SebystienPosted over 3 years ago

    Hi Anthony, Here's a couple of things you might like to try. For the width of the card, you can use a max-width to adjust the size of the card on bigger screen. You don't want it to get too big.

    For the img, there are several way you can get it done. For me, I set up a div and use the background: linear-gradient( rgba(color and alpha), rgba(color and alpha)), url(img link)

    and you can use a mix-blend-mode. and don't forget to change the font-family and you can add a little bit of padding :)

    Enjoy!

    0
  • Sebastien•290
    @SebystienPosted about 4 years ago

    Thank you for the tips! will give it a try!

    0
  • Sebastien•290
    @SebystienPosted about 4 years ago

    Hey there, Good stuff there! May I suggest a few things? I notice the text box is overlapping on the phone container and it'd be more practical if you adjust the box-shadow to a lighter purple, that can be done using rgba and setting the alpha to maybe to a low value :) Good luck!

    0
  • Sebastien•290
    @SebystienPosted over 4 years ago

    Hey Faruk, looks like your .draw is not centered. Easy fix is to add vh height in the body selector, and some flex properties to center the box.

    0
  • Sebastien•290
    @SebystienPosted over 4 years ago

    Looks good. Space between the button and the input field is a little bit too much

    0