Skip to content
Submitted almost 4 years ago

Testimonials slider

Jeuri Morel•1,405
@JeuriMorel
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 struggled with media query styles not overriding original styling (mostly dealing with margins) and in the end had to use '!important' to get them to stick. Am not happy with that solution as from what I heard it's not considered best practice. I imported the media queries after the original styles, and assumed that that would work, but it didn't. Is there some resource that explains in detail how this works?

Community feedback

  • Kenneth•95
    @KenmwPosted almost 4 years ago

    hey Jeuri, great work you did here.since your css is minified its kinda hard to go through it.i noticed that the attribution doesn't stick to the bottom in mobile view through.to make it stick I would suggest you include this code snippet in the .attribution div

    position:absolute ;
bottom:0;
margin:0 auto;  //to center the content

    since am also a newbie my margin:auto; sometimes doesn't work in which case I try out this code instead of margin 

    display :flex;
justify-content:center ;

    I hope this helps.cheers

    1
  • Jeuri Morel•1,405
    @JeuriMorelPosted almost 4 years ago

    Thanks so much for the feedback. I'll try adding this. I usually try stuff like this and it sometimes works, and other times doesn't. I think I originally had position:absolute & bottom:0 on it but took it off because it made it jump to the bottom of the screen, not the bottom of the page. I'll mess around with it some more. Thanks again for the 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