Skip to content
Submitted over 3 years ago

Flexbox and Css Grid

Héctor Vásquez•510
@Heitoluis
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Coding bootcamp testimonials slider
  • HTML
  • CSS
  • JS
2junior

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

  • Emmilie Estabillo•5,540
    @emestabilloPosted over 3 years ago

    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
    Héctor Vásquez•510
    @HeitoluisPosted over 3 years ago

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

    0
  • khalafalla•10
    @khalafallaPosted over 3 years ago

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

    0
    Héctor Vásquez•510
    @HeitoluisPosted over 3 years ago

    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

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