Skip to content
Submitted over 3 years ago

Responsive UI, Sass, Bootstrap, Nextjs(Typescript)

bootstrap, next, sass/scss, typescript, react
FaRsHiD•110
@bashidagha
A solution to the URL shortening API landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I encounter a challenge when divide URL section to two different background color. It was also a challenge to copy text to clipboard and i try to do this in my next attempt.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

  • Prabhash Ranjan•2,540
    @besttlookk

    Hi, Below are some points i waana make: 1.For desktop version illustration is in right side. To do that you can use "flex box order" property. 2. I cant even see any error state. In console its printing "invalid link" but cant see in UI. 3. I am not able copy the link. 4. For mobile screen card are touching each other.

    I also made this. I like t know how do did the form background??

    Here is my solution: https://rem-url-shortner.vercel.app/

    Good Luck, #happyCoding

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