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

Submitted

Bookmark landing page

HL Wong 290

@hl-wong

Desktop design screenshot for the Bookmark landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

Maybe I will learn any one of the CSS libraries, such as Bootstrap and TailwindCSS, or learn API to practice and challenge using on the next challenge.

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

The challenge I have encountered is styling logos and icons in SVG format. At first, I planned to style external SVGs with CSS, but that didn't work. I have found a few solutions to style external SVGs with filter properties, but those solutions are not suitable. In the end, I asked the Frontend Mentor community in Discord, and they mentioned either changing the color in the SVG file or styling inline SVG with CSS.

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

The specific area of this project I would like to help with is the media query. This challenge might be half complete and incomplete since I have taken two to three days to do it, and the live design feels weird. Any feedback on this challenge is welcome, and I will try to fix it if possible.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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