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
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.
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?
I would like if you create a bloggin section connecting to Strapi / other thing. Thinking for a developer blog.
Great job anyway.
Thanks for the idea!
Thank you for your great work. Can you please provide index.js file in assets folder?
Thanks. Just updated the assets folder and the file is available now
can you provide live preview link to test it
Excellent tutorial, may god bless you and take care 🙂
Thank you ❤️
Thank you George et al!