All must done with the 2nd challenge but

HTML-CSS
1

Hi there,

I all must done with the portfolio challenge and I’m having a couple of bug if anyone can help me with that…

This is my pen: https://codepen.io/nadav-himmelfarb/pen/VxbovL

  1. Some how, there’s a gap between , my red container to the footer and I can
    find out why?

  2. I can’t create a line between my profile img to the left txt in the red container… like in here: http://honeycomb-uxi.co.il/אודות.html

  3. And I don’t how to disable the option that I can expand my “massage” window in the my form ( in a weird way)?

Every tip and answer will help, Because I relly want to move on with the course…

2

Some how, there’s a gap between , my red container to the footer and I can
find out why?

.contact-form {
  top: 80px; // if you remove this, you'd notice that the gap is caused by <h2>'s margin
}
<h2 style="margin-top: 0;"> אשמח לשמוע מכם</h2>

I can’t create a line between my profile img to the left txt in the red container… like in here: http://honeycomb-uxi.co.il/אודות.html 3

since you have a html/code reference, what you can do is open your developer tool and see how it was made

And I don’t how to disable the option that I can expand my “massage” window in the my form ( in a weird way)?

textarea {
   resize: none;
}

Because I relly want to move on with the course…

you can always cheat yourself

ps: validate your code

3

WOW thanks man!

For the separation line, I create it in adobe-muse so don’t if I can. I need to check it.
What is this “validate your code” ?

Why I needed to put margin to my h2 \ Why it fixed it ?

4

a quick fix for the point 1. is to add in css:

footer{
  margin-top: -20px;
}

but i don’t like this solution

5

Thank you for the solution.

Why you don’t like it ?

6

I was just correcting the effect not the cause.

Too tired now to look deeply to find out the cause. :slight_smile: