Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All solutions

  • Submitted


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

    I used variable fonts on this one. First time setting that up so it was quite fun. I added fun variable hover states to the title, learning badge, and attribution in footer. I see the potential with variable fonts. Cant wait to use them more!

    I also wanted to make this so no media queries where needed but I did end up using a few for when a phone was very small. Other than that its fully responsive out the box.

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

    The article title and description would not scale. They where responsive and reduce in size but I wanted them to scale down without the use of media queries. In the end i did use media queries if screen is at very small size. It works.

    Fun challenge.

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

    How can I achieve the article text and description to scale without using media queries? For some reason I could get everything else to scale responsibly except those. They would still be responsive but did not scale. So in the end I utilized media queries. Which is fine, but i'd like to design without the need for them.

  • Submitted


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

    Refreshed on some basic HTML and CSS concepts. Went with CSS Grid as it seems the most flexible and I wanted a refresher.

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

    I translated the Figma design as much as possible. It wanted to use flex but I felt CSS Grid was the way to go here. So i refreshed my CSS Grid knowledge by doing the CSS Grid Garden mini games and read up on MDN