Skip to content
OverviewSolutions
12
Comments
2

RiveN

@rivenintechPoland170 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • Mamir•30
    @Cardano04class
    What are you most proud of, and what would you do differently next time?

    I'm really proud on discovering the border styling and text styles.

    What challenges did you encounter, and how did you overcome them?

    It was hard to align the boxes, and customize them

    What specific areas of your project would you like help with?

    the learning box was a hard time and the round img was hard too.

    Blog.prieview.card

    1
    RiveN•170
    @rivenintech

    Our challenge is to get our solution to look as close to the original design as possible. So I would recommend:

    1. Reading style-guide.md once again. The exact colors used are there, so you don't have to guess them. Same with font!
    2. Check out the "assets/images" directory. You don't have to use your own images, they are provided for us.
    3. Don't change the text.
    4. Check out the Figma design template that you can download. This way you can check the exact spacing (padding and margin).

    However, you did really well with the card (box-shadow, rounding, outline, padding). It looks close to the original. You just have to work on everything that is inside of it.

    And remember quality over quantity. Take your time. 😀

  • RiveN•170
    @rivenintech

    I was also looking for a workaround to create a transition between gradients on my second challenge. I found these interesting:

    I didn't test them yet. I had enough "fun" after trying to match gradients on my second challenge.

    I hope one of these works. 😀

    Marked as helpful