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

Easybank landing page - responsive - using HTML and CSS

Giorgi 160

@giorgi-2001

Desktop design screenshot for the Easybank landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Well, this was pretty annoying layout to style

Community feedback

@JunayedJihad

Posted

Why it was annoying? By the way,You have done almost perfect.

1

Giorgi 160

@giorgi-2001

Posted

@JunayedJihad thanks for the feedback! Well, first I had problems with latest articles' images. had to give the cards and images within them fixed height to make them look even. Banner images were difficult to position correctly. Then I had problems with overflowing image and I tried to fix it by giving the body "overflow-x: hidden" property. Soon realized that my header lost the properties of sticky position. It appears that if parent element has the property of overflow, child element stops acting like a sticky element...

0

@JunayedJihad

Posted

@giorgi-2001 oh,I see.Keep it up,You will do just fine

1

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