Skip to content
Submitted over 4 years ago

Solution by relative positioning

Oktay Bilal•70
@Crees12
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

couldnt figure out whats wrong with the paragraph width

Community feedback

  • Johannes•180
    @ChanneasPosted over 4 years ago

    The problem is that you have set a fixed with for the .pattern-bg div. Since the paragraph is set to display: inline-block; it takes up the remaining width after all the other elements have taken theirs.

    Out of the 697px of the .pattern-bg div, 487px goes to the image, and 34px goes to the icons. This only leaves 176px for the paragraph, which is where the problem lies. If I were you I would move the paragraph out of the .pattern-bg div, so that it is a direct child element of the .card div

    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