Build a Portfolio Website Using Next JS, Tailwind CSS & Framer Motion | Part 2

Поделиться
HTML-код
  • Опубликовано: 28 сен 2024
  • #ReactJS #NextJS #TailwindCSS #FramerMotion
    In this video, we continue our 'Build a Portfolio Website Using Next.js, Tailwind CSS & Framer Motion' series by creating the stunning Hero section. Join us as we dive into adding animations, interactive effects, and responsive design to make your portfolio truly stand out. Watch till the end to learn all the tips and tricks for building a captivating Hero section!
    Check the Website online: nick-portfolio...
    Part 1 - • Build a Portfolio Webs...
    Part 3 - • Build a Portfolio Webs...
    💚 Get Source Code: ko-fi.com/s/f3...
    ✅ Download Assets: drive.google.c...
    🎯Learn How To Build a React Live Weather App: • React Tutorial: Buildi...
    Watch This Next: • React Tutorial: Color ...
    👍 Thanks for watching!
    Make sure to like & Subscribe for more! 💜
    #NextJS #TailwindCSS #FramerMotion #WebDevelopment #PortfolioWebsite #JavaScript #ReactJS #FrontendDevelopment #ResponsiveDesign #WebDesign #CodingTutorial #Developer #Programmer #BuildWithNextJS #LearnTailwindCSS #AnimationWithFramer

Комментарии • 10

  • @kwsim539
    @kwsim539 5 дней назад

    Adding 'sm:text-sxl' does not affect the size of the icons when you add this to the parent div. Also, the icons do not use 'font-size', they use 'size', (based on the repo doc).
    The only way to get the icons to change size is to create a class, (e.g., social-icon) and add it to the className of each of the objects in the heroIcons array in the index.js file.
    Then add this class to either the global.css file or create a Hero.css file in the components folder and import it into the Hero.jsx file. Then add '@apply sm: size-8', (or whatever size-x you like) to the class name.

  • @kwsim539
    @kwsim539 5 дней назад

    According to the Remixicon repo, the actual npm install uses remixicon/react, not remixicon-react. This version, (remixicon-react) is not provided or maintained by Remixicon and has not been updated in the past 4 years. The true Rexicon repo was updated 3 months ago. Wouldn't you want to have the latest version of icons to work with?

  • @tatemo_labs
    @tatemo_labs 22 дня назад

    I would like if you create a bloggin section connecting to Strapi / other thing. Thinking for a developer blog.
    Great job anyway.

  • @luckyluke7095
    @luckyluke7095 23 дня назад

    Thank you for your great work. Can you please provide index.js file in assets folder?

    • @codeandcreate
      @codeandcreate  23 дня назад

      Thanks. Just updated the assets folder and the file is available now

  • @luckydevelopers
    @luckydevelopers 24 дня назад

    can you provide live preview link to test it

  • @RAVISHARMA-hk5ll
    @RAVISHARMA-hk5ll 24 дня назад

    Excellent tutorial, may god bless you and take care 🙂

  • @GaryChike
    @GaryChike 20 дней назад

    Thank you George et al!