Skip to content
Submitted over 3 years ago

sass. parcel, netlify. coding-bootcamp-testimonials

kevin•415
@imonaar
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

This looked ease at first but challenged me a lot. i had to restart over at some pointswhen everything wasnt working. my major concern is the buttons. As you can notice my button layout breaks when you adjust for different mobile screens.

  1. how did you approach approach laying out the buttons? did you use buttons for each indivual page? or just a single pair of buttons absolutely positioned like i did?

  2. i haven't touched on accessibility yet because i need to solve that button layout that is bugging me

  3. more comments and corrections are welcome

Community feedback

  • Avatarfreak•655
    @avatarfreakPosted over 3 years ago
    • Good work, Design-wise it is good and responsive.
    • For the button try using pseudo-element.
      ::after or ::before.
    • In my opinion, it is easier to target elements. As it will always be relative to its immediate parent. something like this example.
    .image-container{
    position:relative;
}

.image-container::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
    Marked as helpful
    0
    kevin•415
    @imonaarPosted over 3 years ago

    @avatarfreak thank i will try that and give a 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