# Please give me your feedback for my projects

**URL:** <https://forum.freecodecamp.org/t/please-give-me-your-feedback-for-my-projects/348022>\
**Category:** I Built This\
**Created:** [February 6, 2020, 5:28pm UTC](https://forum.freecodecamp.org/t/please-give-me-your-feedback-for-my-projects/348022 "2020-02-06T17:28:08Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![HaithamCa](https://avatars.discourse-cdn.com/v4/letter/h/278dde/32.png) [@HaithamCa](https://forum.freecodecamp.org/u/HaithamCa)\
**Post date:** [February 6, 2020, 5:28pm UTC](https://forum.freecodecamp.org/t/please-give-me-your-feedback-for-my-projects/348022/1 "2020-02-06T17:28:08Z")

</div>

[https://codepen.io/anas-haitham/pen/eYmwZyQ?editors=1100](https://codepen.io/anas-haitham/pen/eYmwZyQ?editors=1100) “Survey Form”

[https://codepen.io/anas-haitham/pen/ZEYjvbO](https://codepen.io/anas-haitham/pen/ZEYjvbO) “A Tribute Page”

---

<div class="post-metadata">

**Author:** ![munaffazlani](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/munaffazlani/32/132917_2.png) [@munaffazlani](https://forum.freecodecamp.org/u/munaffazlani)\
**Post date:** [February 6, 2020, 8:53pm UTC](https://forum.freecodecamp.org/t/please-give-me-your-feedback-for-my-projects/348022/2 "2020-02-06T20:53:31Z")

</div>

Survey Form:  
I would recommend that make it mobile friendly. It should not leave any space left and right on small width device. instead of width : 70%, use max–width : 768px; (or any fix width you like)

I would recommend using flex-box to center the element. it wil be lot less code.

Beauty of Nature :  
When I reduce the browser size, I see the horizontal sccrollbar and I had to scroll left and right to read lines. You should make it mobile responsive.  
You have define height and width of image :

```auto
width: 1000px;
 height: 800px;`

```

That’s why image is still bigger on big device. Also you have set width on #thin container to be exact 700px; Change all those width to max-width.  
Also I see that on Img you applied width : 100% and than you applied max-width : 840px; It don’t work like that. when you said width to be 100% it will be 100% and regardless of what max-width you apply. So, you should use width or max-width only.

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [June 1, 2021, 1:41pm UTC](https://forum.freecodecamp.org/t/please-give-me-your-feedback-for-my-projects/348022/3 "2021-06-01T13:41:26Z")

</div>