Skip to content
OverviewSolutions
16
Comments
5
Huey.io
@huey-io

All comments

  • fernandojeffe•50
    @fernandojeffeSubmitted over 1 year ago

    Hello, I've been stuck with javascript for a few days, I've had enough to understand. I saw solutions from some partners on the site, I just wanted to finish this project for myself after redoing the conventional job that we two others saw. I only use the button and I can't do it with him playing for the next success story, would you help me with that?

    Thanks to @victoriamnx or little bit of javascript was copied from her that I understood more

    css grid and responsive

    2
    Huey.io•240
    @huey-ioPosted over 1 year ago

    Looking good, just try to remember to centre your content and use margin/padding respectively :)

    0
  • jasnoludek•70
    @jasnoludekSubmitted over 1 year ago

    Positioning the profile picture was the most difficult part of this challenge for me. I think there are some improvements to be made with how it responds when tested down to 320px. I would like to know how I could have better solved the problem of the responsive background images. Thank you for viewing my code.

    Profile Card Component with absolute and relative positioning

    1
    Huey.io•240
    @huey-ioPosted over 1 year ago

    Really good for just starting out

    0
  • Huey.io•240
    @huey-ioPosted over 1 year ago

    Looks real good!

    0
  • Lucas 👾•104,340
    @correlucasSubmitted about 2 years ago

    👾 Hello, Frontend Mentor coding community. This is my solution for the Art Gallery Website

    When I started my journey in Frontend Mentor this was my dream challenge that I always wanted to complete. Now, after 7 months (I know it took to long, but I am a noob 💁‍♂️) its done! Challenge accepted and completed.

    The challenge was really challenging, the main struggle I had building this html structure/css was with the header and the image gallery. I had some fun trying to figure out how to make the grid-template-area and after some tutorials I get how to use this tool (was my first time with grid-area).

    🎨 I added some custom features:

    • 👽 Hover Effects
    • 🧚‍♀️ CSS Animations

    🧐 Special thanks to:

    • @AdrianoEscarabote - AdrianoEscarabote Profile that helped me with the Leaflet Map (I have zero knowledge with JS so I had no idea how to include the map).
    • @VanzaSetia VanzaSetia Profile to explaining me how to make the h1 heading effect in the header with mix-blend-mode: difference.
    • @elaineleung ElaineLeung Profile To have explained me how to add CSS Animations. Now I am really happy adding motion everywhere hahaha. She is of the FEM greatest mentors.

    Tutorials used to learn grid-template-area:

    🍚Follow me in my journey to finish all HTML/CSS only challenges (Only 1 missing)! Gotta Catch ’Em All

    Ill be happy to hear any feedback and advice!

    👨‍🎨 Art Gallery Website VANILLA CSS (CSS Animations & Hover Effects)

    8
    Huey.io•240
    @huey-ioPosted about 2 years ago

    Such an impressive feat, happy to have you as a friend lucas your solution's always look top tier. You continue to motivate me with your work. Great job man, one more challenge left is amazing. Can't wait to see it

    Marked as helpful
    1
  • Huey.io•240
    @huey-ioPosted about 2 years ago

    I appreciate all the help!!

    0