Desktop Design

Mobile Design

3-column preview card component

<p class="section__paragraph">
            Choose a sedan for its affordability and excellent fuel economy.
            Ideal for cruising in the city or on your next road trip.
          </p>

<button class="section__button section__button--orange">
            learn more
          </button>

<p class="section__paragraph">
            Take an SUV for its spacious interior, power, and versatility.
            Perfect for your next family vacation and off-road adventures.
          </p>

<button class="section__button section__button--cyan">
            learn more
          </button>

<p class="section__paragraph">
            Cruise in the best car brands without the bloated prices. Enjoy the
            enhanced comfort of a luxury rental and arrive in style.
          </p>

<button class="section__button section__button--dark-cyan">
            learn more
          </button>

<div class="attribution">
      Challenge by
      <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">
        Frontend Mentor
      </a>
      . Coded by
      <a href="github.com/nateos">Nathan Sodja</a>
      .
    </div>

Please log in to post a comment

Community feedback

Responsive 3 Column Component with SASS, Semantic HTML, BEM

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community