Pls, I didn't get the hover above the Equilibrium image, any solution to that?
salem moqa
@moqasalemAll comments
- @rahmlad-aramideSubmitted almost 3 years ago@moqasalemPosted almost 3 years ago
you can reduce the opacity of the image hover{ opacity:0.5; }
Marked as helpful1 - @MSA-newSubmitted almost 3 years ago
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:
- How to center the card vertically in the page.
- How to center the content of the card horezontally.
- How to center the content of the card vertically.
- How to change the color of the horezontal line.
- 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...
@moqasalemPosted almost 3 years agoHello 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 - @NuryanaNnSubmitted almost 3 years ago@moqasalemPosted almost 3 years ago
I think it is a great desgin ,but you forgot to put the hover on the links and buttons
0