Submitted over 1 year ago

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

Manish Patel•730

@savvystrider

Preview site View code

This is a solution for...Blogr landing page

HTML
CSS
JS

2junior

Design comparison

SolutionDesign

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

Community feedback

Fede2797•190
@Fede2797Posted over 1 year ago
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.
1

Please log in to post a comment

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