Little problem with my landing page

#1

Hello Guys ,Someone could help me :
I placed my header-image in my navigation bar. but this one exceeds the frame at each time, a helping hand will do me good, thank you.

This is my portfolio


strong text

#2

I’m not really sure what you are asking. But you haven’t made the image responsive.

1 Like
#3

Hi , I don’t know how i can make it reactive . can you help me, please .

#4

I’m still not really sure what you are asking, sorry. I’m guessing you want the image to be contained inside the pink background (it is not). Your HTML is also kind of broken so you may want to fix that. You also have the image both as an image element and as a background image and I don’t know which one it is you want to use.

Without changing the HTML, I don’t really know what to suggest other than “faking” it by giving the image some CSS that will make it look like it is contained.

.header-img {
  float: right;
  max-width: 100%;
  width: 100%;
  height: 480px;
  object-fit: contain;
}
1 Like
#5

thanx , it’s that i wanted

#6

excusez moi pour mon anglais , je parle français ,mon anglais n’est pas trop bon . vous m’avez été d’un grand aide .

1 Like
#7

Glad to help and your English really isn’t that bad. I just wanted to make sure I understood what you were asking for.

Happy coding!

1 Like
#8

thnx , to help me coding,brother in coding

#9