Responsive URL Shortening API Landing Page

Community feedback

• 

  Matt Seidel•570

  @mseidel819Posted over 2 years ago

  I put in a super long url, and my shortly code was cut off. Could you add a horizontal scroll for any urls that are bigger than my screen? I think that all you'll need is overflow-x: scroll or overflow-x: auto inside the css for the component that shows the long text.

  Another bonus would be to allow more than one shortened url to show up. So Instead of assigning the input to a string, you could push it into an array, then map over that array to render each url into its own container. Tools you can use:

  const urlDisplay= document.querySelector(#containeryoureaddingto); urlDisplay.insertAdjacentHTML(afterbegin, '<div>containers you'll add with each item of array</div>) const urlArray=[ ]; urlArray.map((url)=>{})`

  I made up variables, so you'll have to change them as they apply to your app. Experiment with how you'll use the map function. I think there's a couple places you could fit it.

  Marked as helpful

  0

  ---

  

  Ugboaja Uchechi•170

  @Ugboaja-UchechiPosted over 2 years ago

  @mseidel819 Thank you for the feedback. I would work on it.

  0