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

Submitted

responsive landing page using CSS flexbox

P

@adriantech-beep

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

MikDra1 5,990

@MikDra1

Posted

Hi,

I see your transition isn't working when we hover out of the anchor element. To repair it please try to put the transition statement into the element itself and not a :hover of this element. Here is the code:

.container a{
    text-align: center;
    margin-right: 3.5rem;
    margin-top: 1rem;
    font-size: 1.5rem;
    font-weight: 800;
    text-decoration: none;
    color: hsl(0, 0%, 7%);
    transition: all .3s ease;
}
.container a:hover{
   color: hsl(47, 88%, 63%);
}

Hope you found this comment helpful 💗💗💗

Good job and keep going 😁😊😉

0
P
0xtemcha 40

@0xtemcha

Posted

Nice job!

P.S> I would do the hover animation time a little bit quicker :D

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord