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

Sunnyside Landing Page

ianwilk20 220

@ianwilk20

Desktop design screenshot for the Agency landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

The highlighted/underlined "Learn more" links were trickier than I thought.

After searching for how to achieve something similar I found out how to use ::after pseudo-element to achieve the effect. In my case, the text content of the ::after was empty, but had a height and a colour for the highlighter appearance on the link.

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

I am open to any feedback.

I think it would be helpful to hear from others who did this challenge if they had a similarly large CSS file or if it could be accomplished with much fewer than the 700+ lines I wrote.

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