Skip to content
Submitted over 2 years ago

Blogr landing page - HTML + CSS + 1 tbspn vanilla JS

Manish Patel•740
@savvystrider
A solution to the Blogr landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Struggled with this one mightily but learned some new things:

  • adding a linear gradient to a background AND adding a background svg behind it
  • dropdown links that display on mousehover and then on click on mobile
  • border radiii for specific corners
  • absolute positioning of images relative to containers
  • the footer on mobile is a complete accident but I loved the way it came out, so I don't want to change it

Looking for feedback on the following:

  • how to absolutely position images and maintain responsiveness
  • JavaScript! I have less than a year of experience with this, so I know I could have done things differently
  • how to estimate the time it will take to complete a project - I spent way more time on this than I expected
  • how to find the robot and UFOs in Red Dead Redemption II
Code

Please log in to post a comment

Log in

Community feedback

  • Fede2797•190
    @Fede2797

    Feel you. I struggled a lost with this one too. I think this challenge is lower rated than it should be, hence the longer time of completion. I can't help you in the others aspects because i had lots of troubles myself lol.

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