Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • salem moqa 240

    @moqasalem

    Posted

    you can reduce the opacity of the image hover{ opacity:0.5; }

    Marked as helpful

    1
  • MSA-new 30

    @MSA-new

    Submitted

    Hello everyone.. I'm new in web development.. this is my first challenge from https://www.frontendmentor.io ever.

    Here is a list things I didn't know how to do XD:

    1. How to center the card vertically in the page.
    2. How to center the content of the card horezontally.
    3. How to center the content of the card vertically.
    4. How to change the color of the horezontal line.
    5. How to make some paragraph on the same line to another paragraph inside the card.

    Please look at the picture in "Design" folder to see how the card is supposed to look like. Note: I didn't do anything about the responsive design because I wanted to finish the desktop design first. Thank you...

    salem moqa 240

    @moqasalem

    Posted

    Hello MSA-new welcome to frontendmentor

    I think the problems 1,2,3,5 which you are facing can be solved with "flex" element like this:

    .class-name{ display: flex; flex-direction: ... ; justify-content: ... ; align-items: .... ; }

    for problem 4 you can give border-bottom to your class to make line below it .

    0
  • salem moqa 240

    @moqasalem

    Posted

    I think it is a great desgin ,but you forgot to put the hover on the links and buttons

    0