Skip to content
OverviewSolutions
59
Comments
22
Phan lê thanh trường
@truong231298

All comments

  • tediko•6,680
    @tedikoSubmitted over 3 years ago

    Hello👋!

    That was a simple and fun challenge, although there was room to try new things and learn something new.

    • Implement prefers-reduced-motion CSS media feature which is used to detect if the user has requested that the system minimize the amount of non-essential motion it uses. Prevent animations in brief. Spotted at @brasspetals solution 😅
    • Added lazy load animations for cards. I did it with Intersection Observer API.
    • Added sticky nav menu also using Intersection Observer API.
    • Tried to create more accessible mobile navigation. Used the aria-expanded and aria-controls attributes.
    • As for the Sass part. In the project i used @use since it's recommended to using this instead of @import Kevin Powell video about it. Thanks to @RayaneBengaoui i saw his comment about this.

    Thanks for @grace-snow for helping me with keyboard navigation. Since i change visible order of .creations I had to create other button to prevent firstly tab on last element and only then on first. No specific questions here but any additional feedback will be appreciated!

    Thanks! 😁

    Loopstudios - Sass, intersection observer API, mobile first

    6
    Phan lê thanh trường•1,070
    @truong231298Posted 8 months ago

    @tediko Your decision-making and problem-solving skills are incredible. i can't say anything beacause your code is so clean and easy to understand. moreover, you have some new ideas which i can learn more.

    0
  • Victoria Azola Silva•1,290
    @VickyAzolaSubmitted about 1 year ago

    Hi! 👋

    For this one, I wanted to learn how to properly do a responsive navbar. It turned out pretty well, if I do say so myself 😊

    It was difficult to:

    • Position the <div> with the text "the leader in interactive VR".
    • Put the text on top of the image.
    • Do the effects on the images; I don't know if I did it how it was supposed to be done.

    If you have some tips for this, please let me know! Thanks! 🤗

    Loopstudios landing page (responsive navbar)

    1
    Phan lê thanh trường•1,070
    @truong231298Posted 8 months ago

    @VickyAzola, I am so impressed with the way you handled the challenge. I like the way you present facts to us for tailwind skills. You have a great work

    1
  • Phan lê thanh trường•1,070
    @truong231298Posted 8 months ago

    @MelvinAguilar Your decision-making and problem-solving skills are incredible. your design is so beautiful and easy to understand. you have great work!

    0
  • Phan lê thanh trường•1,070
    @truong231298Posted 8 months ago

    @siman-cha, Your decision-making and problem-solving skills are incredible. It's so easy to understand, you have great work!

    0
  • Phan lê thanh trường•1,070
    @truong231298Posted 8 months ago

    @Cheosphere, i don't know what JS Vanilla, animejs Library is? but for now, i will find and learn more. During your presentation, I could see the efforts you put in for creating the challenge. Great work!

    one more thing i will catch you soon beacuse i'm 640 now.

    1
  • Phan lê thanh trường•1,070
    @truong231298Posted 8 months ago

    @humbl3LilaS, Your decision-making and problem-solving skills are incredible. especially, your tailwind-css and IU navbar. i Love it and i will learn more about it

    0
  • Phan lê thanh trường•1,070
    @truong231298Posted 8 months ago

    wow @Benji963, is there just HTML and CSS, I can't belive because it's so clean and beautifull. I appreciate how tech-savvy you are.

    1
  • Phan lê thanh trường•1,070
    @truong231298Posted 8 months ago

    @humbl3LilaS i love how you use UI components, it's so great and perfect way for this cahllenge. I will learn more about it, thank pro

    Marked as helpful
    0
  • Bálint Korpai•620
    @kemenyfa-szuSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    Hello FrontendMentor!

    I completed my last (for now) newbie challenge where I played with a lot of dynamic css units to reach my goal, that I only use media queries for layout changes.

    I hope, I didn't violate (too much) web design paradigms. Any suggestion on my errors and mistakes are welcome!

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

    I still struggle whether to use margins or flex/grid gap properties to align the elements. I did not find proper rule of thumb for it. If you can give me an advice on how to determine it, I would appriciate it very much

    Responsive Intrinsic Landing Page

    1
    Phan lê thanh trường•1,070
    @truong231298Posted 8 months ago

    @kemenyfa-szu you have great work fof this challenge, and i 'm so happy for finishing newbie challenge. besides, i have the same problem with you in struggle whether to use margins or flex/grid gap properties to align the elements. Well i think we can fix it if we have more practive. See you late

    1
  • Phan lê thanh trường•1,070
    @truong231298Posted 8 months ago

    @gautam3333 your challenge is so beautifull and easy for me to understand. you have a great work

    1
  • Phan lê thanh trường•1,070
    @truong231298Posted 8 months ago

    @VickyAzola, you have great work for this challenge. I watch it and knew more thing such as: how to use window,inerHeight or have a private page for button... i so love it, you are my hero.

    1
  • Melvin Aguilar 🧑🏻‍💻•61,140
    @MelvinAguilarSubmitted 11 months ago

    Hi there 👋, I’m Melvin, and this is my solution for this challenge. 🚀

    🎁 Features:

    • Achieved 100% in Lighthouse score for performance, accessibility, best practices, and SEO. 📊
    • Progressive Web App (PWA) support. 📱🌐
    • Utilized TailwindCSS for responsive styling. 🎨
    • Codebase is well-maintained and formatted using Prettier. 💻

    🛠️ Built With:

    • TailwindCSS. 🎨
    • npm - prettier - prettier-plugin-tailwindcss. 💻

    Thank you. 😊✌️

    Social proof section (Tailwind CSS 🎨)

    6
    Phan lê thanh trường•1,070
    @truong231298Posted 8 months ago

    @MelvinAguilar you are the marter of tailwind-css, you make your challenge so beutifull with [2.4375rem], [1.4375rem]... wow, i had followed you and learn more about it. Keep doing your work, i will always be with you.

    0