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

Responsive landing page using CSS ellipse shape

@xtirian

Desktop design screenshot for the Workit landing page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@PRINCEKK122

Posted

Congratulations on knocking this task off.

I took a look at your site, and I saw the UI breaks, where the founder section goes under the services container on the tablet devices. I think you should take a closer look at this especially around the position: relative of this side of your code, more specifically with the z-index side. Also do well to look into min-height and max-height properties of the services container.

.founderSect {
display: flex;

justify-content: center;
position: relative;
height: 40vh;
max-height: 400px;
}

.image-founder {
max-width: 281px;
position: absolute;
bottom: -55px;

z-index: 1;

margin-top: 50px;
}

And it seems we have completed the same projects together, which project are you taking up next? I am looking into doing more of the premium challenges, as I have realized that those a little bit challenging than the free ones.

I hope I was of help with this review. Happy coding!

Marked as helpful

1

@xtirian

Posted

@PRINCEKK122, hope you are doing well.

Thank you for your review. I didn't realize that problem until now. Make total sense and I'll work on it.

I'm starting today the Equalizer Landing Page project and I imagining if you already started this too, so we can work on it together.

0

@PRINCEKK122

Posted

@xtirian sure, I will take a look a look at the project and do it as well. I will be starting this project tomorrow. Good luck to us.

Marked as helpful

0

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