Skip to content
OverviewSolutions
8
Comments
4

Geoff Walker

@Geoff-WalkerLincolnshire UK165 points

Former mechanical engineer and science teacher, retraining to be a software developer following a nasty accident leaving me an amputee

Latest solutions

View more solutions

Latest comments

  • Geoff Walker•165
    @Geoff-Walker

    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

  • Geoff Walker•165
    @Geoff-Walker

    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
  • Geoff Walker•165
    @Geoff-Walker

    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;

  • Geoff Walker•165
    @Geoff-Walker

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

    Marked as helpful