Skip to content
OverviewSolutions
18
Comments
6

Elida (moon pie)

@elidakirigoKiambu, Kenya370 points

I 💓 developing UI

Latest solutions

View more solutions

Latest comments

  • Elida (moon pie)•370
    @elidakirigoPosted over 2 years ago

    Impressive!!! DENIEL DEN 😀

    1
  • Elida (moon pie)•370
    @elidakirigoPosted almost 3 years ago

    hello there EXCUUSEMOI! I think you've done a pretty great job there. (thumbs up)

    I have noted the top and bottom light blue images are missing from your part of the image, I would suggest using before or after tag attributes to get them placed on the body of your code, using background color and background image may be of help too.

    thanks, happy coding :)

    0
  • Elida (moon pie)•370
    @elidakirigoPosted almost 3 years ago

    hello there! MOHAMED. you've done a pretty great job completing the challenge. (thumbs up)

    -> I'd like to add that you can use background-image, and background color to get both into one div setting or combine them with background: image then color; -> use HTML semantics such as main, footer, or nav to avoid accessibility errors and make it readable to others.

    thanks.

    Marked as helpful
    1
  • Elida (moon pie)•370
    @elidakirigoPosted almost 3 years ago

    it looks awesome, its like a twin to the original

    0
  • Elida (moon pie)•370
    @elidakirigoPosted almost 3 years ago

    hi Emtiaz!

    the attention to detail is quite on point!

    nice!

    I can suggest

    1. Reduce the blockquote font to 500 of font-weight to match the original design.
    2. Change the box shadow from the buttons to the profile image.

    to reduce accecibility errors try putting all content on a main tag like <main> or <header> or <footer>

    Marked as helpful
    0
  • Elida (moon pie)•370
    @elidakirigoPosted almost 3 years ago

    i did box-shadow: 0px 25px 24px -10px rgba(132, 132, 132, 0.372);

    Marked as helpful
    0