# Review(and help) my Random Quote Machine project **URL:** \ **Category:** I Built This\ **Created:** [July 23, 2020, 11:41am UTC](https://forum.freecodecamp.org/t/review-and-help-my-random-quote-machine-project/411346 "2020-07-23T11:41:05Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![Crazycamper](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/crazycamper/32/139821_2.png) [@Crazycamper](https://forum.freecodecamp.org/u/Crazycamper)\ **Post date:** [July 23, 2020, 11:41am UTC](https://forum.freecodecamp.org/t/review-and-help-my-random-quote-machine-project/411346/1 "2020-07-23T11:41:05Z")
[Random Quote Machine](https://codepen.io/CrazyDiamond4811/full/ExPdmOr) please give me feedback and tell me how i could make the project responsive because i tried but i couldn’t do it right. ---
**Author:** ![miku86](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/miku86/32/95580_2.png) [@miku86](https://forum.freecodecamp.org/u/miku86)\ **Post date:** [July 23, 2020, 12:08pm UTC](https://forum.freecodecamp.org/t/review-and-help-my-random-quote-machine-project/411346/2 "2020-07-23T12:08:00Z")
Hey there, great work, I like it! What do you mean by `i tried but i couldn’t do it right`? ---
**Author:** ![Crazycamper](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/crazycamper/32/139821_2.png) [@Crazycamper](https://forum.freecodecamp.org/u/Crazycamper)\ **Post date:** [July 23, 2020, 12:13pm UTC](https://forum.freecodecamp.org/t/review-and-help-my-random-quote-machine-project/411346/3 "2020-07-23T12:13:49Z")
Thanks! > [@miku86](#): > > What do you mean by `i tried but i couldn’t do it right` ? It doesn’t look good on mobile or small screens. ---
**Author:** ![bbsmooth](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/bbsmooth/32/203556_2.png) [@bbsmooth](https://forum.freecodecamp.org/u/bbsmooth)\ **Post date:** [July 23, 2020, 8:55pm UTC](https://forum.freecodecamp.org/t/review-and-help-my-random-quote-machine-project/411346/4 "2020-07-23T20:55:11Z")
> [@Crazycamper](#): > > It doesn’t look good on mobile or small screens. A big hint as to why it doesn’t look good on narrower view ports is because you are setting a width in `px` on the quote-box. So you will always get a horizontal scroll bar anytime the view port width is below 550px. To fix this, don’t set a width on quote-box at all. Allow it to narrow as much as needed. Your job as the developer is to use CSS break points to rearrange the elements in the quote-box to handle very narrow widths (i.e. build your app responsively). You can set a max-width on quote-box though to keep it from getting out of hand. But I would suggest you use `em` units for it. ---
**Author:** ![miku86](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/miku86/32/95580_2.png) [@miku86](https://forum.freecodecamp.org/u/miku86)\ **Post date:** [July 24, 2020, 6:31am UTC](https://forum.freecodecamp.org/t/review-and-help-my-random-quote-machine-project/411346/5 "2020-07-24T06:31:26Z")
I mean “What did you try?” ---
**Author:** ![Crazycamper](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/crazycamper/32/139821_2.png) [@Crazycamper](https://forum.freecodecamp.org/u/Crazycamper)\ **Post date:** [July 24, 2020, 12:36pm UTC](https://forum.freecodecamp.org/t/review-and-help-my-random-quote-machine-project/411346/6 "2020-07-24T12:36:58Z")
Thanks for the help. I think it’s good now. ---
**Author:** ![Crazycamper](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/crazycamper/32/139821_2.png) [@Crazycamper](https://forum.freecodecamp.org/u/Crazycamper)\ **Post date:** [July 24, 2020, 12:40pm UTC](https://forum.freecodecamp.org/t/review-and-help-my-random-quote-machine-project/411346/7 "2020-07-24T12:40:48Z")
Thanks for the feedback. I think it looks good on small screens now. ---
**Author:** ![miku86](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/miku86/32/95580_2.png) [@miku86](https://forum.freecodecamp.org/u/miku86)\ **Post date:** [July 25, 2020, 6:23am UTC](https://forum.freecodecamp.org/t/review-and-help-my-random-quote-machine-project/411346/8 "2020-07-25T06:23:13Z")
Hey there, great job! My ideas: - I think that a constant height would be better for the quote box, because the size of it “jumps” depending on the length of the quote ---
**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:13pm UTC](https://forum.freecodecamp.org/t/review-and-help-my-random-quote-machine-project/411346/9 "2021-06-01T13:13:15Z")