Ashiqur Rahman• 10
@muhammadashiqurrahman
Submitted
{ D D D }
@DavidDelannoyDeveloppement
All comments
- { D D D }• 150
@DavidDelannoyDeveloppement
Posted
Hi Ashiqur !!! If you need help finishing your challenge, don't hesitate ! I can help you with no problem. 😉
1 - Lucas 👾• 104,540
@correlucas
Submitted
👾 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-areaand 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:- DESIGN COURSE - Easily Structure your Layout with CSS Grid's 'grid-template-areas'
- KEVIN POWELL - Why CSS grid-area is the best property for laying out content'
🍚Follow me in my journey to finish all
HTML/CSSonly challenges (Only 1 missing)! Gotta Catch ’Em AllIll be happy to hear any feedback and advice!
{ D D D }• 150@DavidDelannoyDeveloppement
Posted
What a wonderful job @Lucas!!! 👏 I will be very proud when I achieve this result. You are a true source of inspiration and motivation! Congratulations and thank you! 😉
2
