Skip to content
Submitted over 3 years ago

Art gallery website

tailwind-css
stephmunez•475
@stephmunez
A solution to the Art gallery website challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi all!

I just completed my first full website challenge here in Frontend Mentor.

It took me time how to setup the grids as I haven't used grid that much so far. Luckily, I found a CSS Grid Generator website that helped me lay it out easier: https://grid.layoutit.com/.

Will integrate the Leaflet JS to create an interactive location map with custom location pin in the near future 🤞🏽

I just have a couple of questions with regards to my solution would appreciate if you have answers for them:

  1. Is my grid setup coincides with the best practices?
  2. Any tip on how to make every element responsive when zooming in and out on a browser.

As always, feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

Happy coding all!

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Chamu•13,820
    @ChamuMutezva

    Well done Stephjoseph, that is brilliant work in terms of design comparison and responsiveness

    • For best practice use only one h1 element per page, having more than one h1 element per page does not cause errors but is considered not beneficial to assistive technology users.
    • your footer links with the social icons are missing readable text, interactive elements should have text that can be used with assistive technology.

    Happy Coding

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord