Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted about 1 year ago

Single price grid component solution

Ennio•50
@ehesseboom
A solution to the Single price grid component challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


What are you most proud of, and what would you do differently next time?

I tried to be better then last time when it comes to structure and I think I managed to do a better job.

What challenges did you encounter, and how did you overcome them?

The idea for this challenge was to not use Google and figure everything out just by trying. This was hard, because I've used a lot of Google during coding with HTML/CSS. Well, eventually I had to use Google for one element, which was aria-label. I only knew about an alt tag for images and pictures. I used aria-label for the button in the solution to make it more accessible. Besides that I just went with trial and error. I just kept trying untill the website worked.

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

Not particularly something I need help with but, whenever I'm coding something I always wonder how an experienced developer would do it differently. As a beginner I do find the solution to these challenges and am able to use properties like flexbox and grid. However when it comes to being efficient and effective I wonder how an experienced developer would tackle the same challenges.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Ennio's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License