# Need feedback on my project

**URL:** <https://forum.freecodecamp.org/t/need-feedback-on-my-project/408997>\
**Category:** I Built This\
**Created:** [July 11, 2020, 12:52am UTC](https://forum.freecodecamp.org/t/need-feedback-on-my-project/408997 "2020-07-11T00:52:09Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![jfirestorm4](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jfirestorm4/32/136058_2.png) [@jfirestorm4](https://forum.freecodecamp.org/u/jfirestorm4)\
**Post date:** [July 11, 2020, 12:52am UTC](https://forum.freecodecamp.org/t/need-feedback-on-my-project/408997/1 "2020-07-11T00:52:09Z")

</div>

Hello all. I am about done with my Technical Document page and would like to get some feed back on design issues. I have only been able to test it on a few devices and browsers so I’d like to know how bad it may look on other devices.

I have not passed all the test yet to submit it and plan to make some fixes to the html tomorrow to get it submitted.

[https://codepen.io/jfirestorm44/full/oNbqmzB](https://codepen.io/jfirestorm44/full/oNbqmzB)

Thank you in advance!

---

<div class="post-metadata">

**Author:** ![Emmavz](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/emmavz/32/168292_2.png) [@Emmavz](https://forum.freecodecamp.org/u/Emmavz)\
**Post date:** [July 11, 2020, 1:50am UTC](https://forum.freecodecamp.org/t/need-feedback-on-my-project/408997/2 "2020-07-11T01:50:01Z")

</div>

Hi, I took a quick look and there is content that is not responsive. There are boxes with a gray background in which the content comes out of it on small screens. I tested it in chrome.  
I hope the opinion will serve you. Regards!

---

<div class="post-metadata">

**Author:** ![jfirestorm4](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jfirestorm4/32/136058_2.png) [@jfirestorm4](https://forum.freecodecamp.org/u/jfirestorm4)\
**Post date:** [July 11, 2020, 11:17am UTC](https://forum.freecodecamp.org/t/need-feedback-on-my-project/408997/3 "2020-07-11T11:17:44Z")

</div>

Ok thanks for that. I’ll try to manipulate the zoom some more to see exactly what you’re talking about. What size screen are you using or how far did you zoom in?

---

<div class="post-metadata">

**Author:** ![anon10002461](https://avatars.discourse-cdn.com/v4/letter/a/cab0a1/32.png) [@anon10002461](https://forum.freecodecamp.org/u/anon10002461)\
**Post date:** [July 11, 2020, 1:22pm UTC](https://forum.freecodecamp.org/t/need-feedback-on-my-project/408997/4 "2020-07-11T13:22:57Z")

</div>

no need to zoom. press  
`control shift m `  
in firefox (or similar in chrome) to get into responsive mode

---

<div class="post-metadata">

**Author:** ![Emmavz](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/emmavz/32/168292_2.png) [@Emmavz](https://forum.freecodecamp.org/u/Emmavz)\
**Post date:** [July 11, 2020, 1:26pm UTC](https://forum.freecodecamp.org/t/need-feedback-on-my-project/408997/5 "2020-07-11T13:26:39Z")

</div>

The screen of my cell phone is 360x720, I also tested it on my notebook in the google browser with the resposive tool and the same error occurs.

 ![Screenshot_20200711-095500](https://global.discourse-cdn.com/freecodecamp/original/3X/0/0/00d2084c63d6158cea400b5c21b343a848d793d7.png)

---

<div class="post-metadata">

**Author:** ![jfirestorm4](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jfirestorm4/32/136058_2.png) [@jfirestorm4](https://forum.freecodecamp.org/u/jfirestorm4)\
**Post date:** [July 11, 2020, 1:42pm UTC](https://forum.freecodecamp.org/t/need-feedback-on-my-project/408997/6 "2020-07-11T13:42:06Z")

</div>

I can’t, for the life of me, figure out how to fix it. I can see it spilling out in the developers tool in mobile view mode. I have added `word-wrap: break-word;` to that section, then to the list, then to that element. I also added it globally to the `*` area.

For whatever reason I can’t figure out why it won’t display properly. I have an iphone Max and it looks great on Chrome, Edge, and Safari.

Any ideas?

---

<div class="post-metadata">

**Author:** ![jfirestorm4](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jfirestorm4/32/136058_2.png) [@jfirestorm4](https://forum.freecodecamp.org/u/jfirestorm4)\
**Post date:** [July 11, 2020, 2:09pm UTC](https://forum.freecodecamp.org/t/need-feedback-on-my-project/408997/7 "2020-07-11T14:09:41Z")

</div>

Found a solution. Looks better now.

[https://www.tutorialspoint.com/How-do-I-wrap-text-in-a-pre-tag-in-HTML](https://www.tutorialspoint.com/How-do-I-wrap-text-in-a-pre-tag-in-HTML)

Thanks for the tip on that tool! I’ll be using it all the time now instead of jumping to my phone constantly.

---

<div class="post-metadata">

**Author:** ![Emmavz](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/emmavz/32/168292_2.png) [@Emmavz](https://forum.freecodecamp.org/u/Emmavz)\
**Post date:** [July 11, 2020, 2:38pm UTC](https://forum.freecodecamp.org/t/need-feedback-on-my-project/408997/8 "2020-07-11T14:38:14Z")

</div>

Now it looks perfectly. Congratulations! Today I have to start with this project, we will see what surprises I find. Regards!

---

<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:15pm UTC](https://forum.freecodecamp.org/t/need-feedback-on-my-project/408997/9 "2021-06-01T13:15:17Z")

</div>

Closed on June 1, 2021, 1:15pm UTC


