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

Flexbox and Css Grid

@Heitoluis

Desktop design screenshot for the Coding bootcamp testimonials slider coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I was planning to add a slide transition but I could not implement it without turning the making a mess with the stylesheet. Any advice on how to implement clean transitions to this kind of solution? Thanks in advance for any feedback =)

Community feedback

P

@emestabillo

Posted

Hi Hector, great job! It's not possible to use transitions on the display property. Also note that setting display: none on an element will not make it accessible to screen readers. Examples of properties commonly used are visibility or opacity (or a combination of both). Here's a good list. Most of them you can assign a numerical value to. Hope this helps!

0

@Heitoluis

Posted

Thanks, @emestabillo, that helps a lot! =)

0

@khalafalla

Posted

the Image should have no shadow, every thing else is pretty good

0

@Heitoluis

Posted

Hi @Khalafalla, you're right. I thought that the shadow part of the image, but it seems to be part of the buttons instead. Thanks for your feedback!

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