Skip to content
OverviewSolutions
8
Comments
4
Geoff Walker
@Geoff-Walker

All comments

  • Geoff Walker•165
    @Geoff-WalkerPosted about 3 years ago

    Hi

    Just completed this myself it took me much longer than I had hoped. on the whole it looks good for some reason the website previewer is squashing your card but when opened in the browsers its perfect no suggestion on that one.

    If you wanted some advice?

    1. The box image should shift to the left during the hover event making the text red.

    2. The visible question block won't hide again if you click on it again

    3. Your missing the lines below each question block try adding a span with 1px height.

    4. there is excessive space on the end of your container when in mobile view. I think this is caused by the media query on card min-height: 70vh; if you took this out and added a margin to the bottom of the missing span:last child that would fix that.

    Hope that helps.

    Kind Regards

    Geoff

    1
  • Geoff Walker•165
    @Geoff-WalkerPosted over 3 years ago

    Looks great the only two things I noticed is you have used a h2 and h3 element but no h1 element this is kicking out an accessibility issue. Other than its showing not vertically centered in the preview, its best part of pixel perfect. Hope that helps :-)

    Marked as helpful
    0
  • Geoff Walker•165
    @Geoff-WalkerPosted over 3 years ago

    Hi try setting the background color of the image div to the purple color and then use the following settings on the actual image:

    1. opacity: lower than one so you can see the background

    2. mix-blend-mode: multiply;

    1
  • Geoff Walker•165
    @Geoff-WalkerPosted over 3 years ago

    Great solution Rilind congrats on getting the background images on, a lot of people stuggled with that, including me! Congrats!

    Marked as helpful
    1