Desktop Design

Active States

Mobile Design

URL shortening API landing page

<h3>Build your brand’s recognition and get detailed insights on how your links are performing. <strong>Please note
          that your URL request may take up to 30seconds to be loaded. Thank you for your patience.</strong></h3>

<ul>
        <li><a href="#">Login</a></li>
        <a href="#">
          <li class="cta">Sign Up</li>
        </a>
      </ul>

<button class="form-btns" id="btn" type="submit">Shorten It!</button>

<div class="banner">
    <h2>Boost your links today</h2>
    <a href="#" class="cta">Get Started</a>
  </div>

<div class="attribution">
    Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>.
    Coded by <a href="https://kristacalleja.github.io">Krista Calleja | Full-Stack Developer</a>.
  </div>

Please log in to post a comment

Community feedback

Vanilla JavaScript

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community