Submitted almost 2 years ago

Insure-landing-page using HTML,CSS and JAVASCRIPT

Taskin Sultana• 190

@TaskinSultana

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Insure landing page

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

I have faced some problems in positioning the image in first section...I have tried to position the image by adding the property [ position : absolute ] to position it outside the div...but I couldn't position it in responsive mobile view...so I change the design a little bit and put the image inside the div....so please tell me how to solve my image problem...and if I had made any mistakes in this challenge , feel free to point it out.

Community feedback

Dan• 220

@DanRHatfield

Posted almost 2 years ago

Hi Taskin,

First off, congrats on finishing the project!

I had a similar issue when I was doing this one. I found the answer through making using a linear-gradient that was set on the background with the darker portion going a certain percentage and then white after. It gave the effect of looking like the image was hanging outside the section, but in reality the section was two tone in color and it was part of both.

This is the page that gave me the idea: https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/linear-gradient

Marked as helpful

Taskin Sultana• 190

@TaskinSultana

Posted almost 2 years ago

@DanRHatfield Thank You so much....You just solved my problem

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