Skip to content
Submitted over 3 years ago

using flexbox to structure webpage

Rice Penguin•30
@RicePenguin
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social proof section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I used a table (1 row two columns) to place the profile pictures next to the names. Does anyone know a better way?

Community feedback

  • Bryan Lee•105
    @BL1133Posted over 3 years ago

    Why don't you use flexbox instead of table? I can see you used flexbox in your code but why not for that too? You can check out my solution if you want

    <div class="review-header">
          <img src="./images/image-colton.jpg" alt="" />
          <div class="review-name">
            <h5 class="name">Colton Smith</h5>
            <h5 class="subtitle">Verified Buyer</h5>
          </div>
</div>

    and then simply make review-header flex. I then made review-name flex as well except a column

    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