Skip to content
Submitted 3 months ago

DHBLee_Creative using Vite, React, TailwindCSS, and Framer Motion

framer-motion, react, tailwind-css, vite
P
Dong Hee•1,320
@DHBLee
A solution to the Creative agency single-page site challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

I'm proud that I was able to style the images/container properly.

What specific areas of your project would you like help with?

Any feedback will be appreciated :)

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Marzia Jalili•7,270
    @MarziaJalili

    Running like clockwork! 👏👏👏

    A tiny suggestion:

    For a lengthy home page, it's best practice to have a to top button. A button that when it's clicked will take you to the top of the page.

    ✅ As if the href attribute is set to # in the <a> element, it gets this job done so we will use that.

    ✅ And to make sure that the link appear all across the page, set its position to fixed. This won't affect other element too.

    ✅ Take the example below into to account:

    <a href="#" className="fixed top-[50%] z-100">Top</a>

    ✅ If you like to have an icon in the button instead of the text top, you can use the react-icons npm package. I've recently discovered that, and it's great, bro!

    You can go through the documentation:

    React Icons

    The web is just pixel-perfect! 👌

    Keep Up! 💪

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