Submitted over 2 years ago
URL Shortening Landing Page | Animated | Responsive
@OGShawnLee
Design comparison
SolutionDesign
Solution retrospective
How's it going guys? Here I have this challenge. Positioning the hero illustration was rather stressful, but I didn't give up. #SigmaGrindset
- I had some trouble with the Clipboard API. It crashed on Firefox, so I had to do something like this:
export const copiedLink = writable<string | null>(null, (set) => {
try {
navigator.clipboard.readText().then(set);
} catch (err) {
console.error('Unable to Read Text from the Clipboard');
}
return useListener(document.body, 'copy', () => {
const selection = document.getSelection()?.toString();
if (isString(selection) && !isEmpty(selection)) set(selection);
});
});
You guys know of a way to get the clipboard text on Firefox?
Thanks for viewing/feedback. Have a great day!
Community feedback
- @Programming-School-Pro-CodingPosted over 2 years ago
Hi There
I have one suggestion: Just Add Some Padding to be as in the design
1@OGShawnLeePosted over 2 years ago@Programming-School-Pro-Coding Hey!
Yeah I should add padding and more spacing here and there. I will fix it soon.
Thank you!
0
Please log in to post a comment
Log in with GitHubJoin 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