Submitted over 2 years ago

3-column preview card - TailwindCSS - Vanilla JS

tailwind-css

Stephen Yu•150

@StephenYu2018

A solution to the 3-column preview card component challenge

Preview Code

Solution retrospective

To create the entire component, the upper level part of the component is:

<article class="overflow-hidden rounded-lg flex flex-col lg:flex-row">
  <article class="w-[21.667rem] ...">...</article>
  <article class="w-[21.667rem] ...">...</article>
  <article class="w-[21.667rem] ...">...</article>
</article>

Should I allow the children elements to decide the width for the overall outer component (what I coded), or should I make the outer component decide the width for all the children (assuming that they should have equal widths)?

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Stephen Yu's solution.

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