# Can anybody please review my random quote machine

**URL:** <https://forum.freecodecamp.org/t/can-anybody-please-review-my-random-quote-machine/27031>\
**Category:** I Built This\
**Created:** [August 10, 2016, 8:42pm UTC](https://forum.freecodecamp.org/t/can-anybody-please-review-my-random-quote-machine/27031 "2016-08-10T20:42:56Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![jasonrez](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jasonrez/32/12970_2.png) [@jasonrez](https://forum.freecodecamp.org/u/jasonrez)\
**Post date:** [August 10, 2016, 8:42pm UTC](https://forum.freecodecamp.org/t/can-anybody-please-review-my-random-quote-machine/27031/1 "2016-08-10T20:42:56Z")

</div>

Here is my Random Quote Machine: -

[Quote Machine](http://codepen.io/jasonrez/full/RRJrxR/)

any feedback good or bad would be great thank you 🙂

---

<div class="post-metadata">

**Author:** ![astv99](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/astv99/32/66820_2.png) [@astv99](https://forum.freecodecamp.org/u/astv99)\
**Post date:** [August 11, 2016, 7:38am UTC](https://forum.freecodecamp.org/t/can-anybody-please-review-my-random-quote-machine/27031/2 "2016-08-11T07:38:54Z")

</div>

Great job, looks nice. Doesn’t quite work well with a mobile-size browser window though, you may want to re-plan your use of the Bootstrap grid…

Also, you should avoid trying to style the HTML tag as it’s invisible.

---

<div class="post-metadata">

**Author:** ![jasonrez](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jasonrez/32/12970_2.png) [@jasonrez](https://forum.freecodecamp.org/u/jasonrez)\
**Post date:** [August 11, 2016, 8:21am UTC](https://forum.freecodecamp.org/t/can-anybody-please-review-my-random-quote-machine/27031/3 "2016-08-11T08:21:57Z")

</div>

Thank you. Any chance of a screen shot from your mobile for reference please.

---

<div class="post-metadata">

**Author:** ![astv99](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/astv99/32/66820_2.png) [@astv99](https://forum.freecodecamp.org/u/astv99)\
**Post date:** [August 11, 2016, 5:57pm UTC](https://forum.freecodecamp.org/t/can-anybody-please-review-my-random-quote-machine/27031/4 "2016-08-11T17:57:19Z")

</div>

![](https://global.discourse-cdn.com/freecodecamp/original/2X/f/fd37071e937aeec1f8f949e9d022a1542ec05794.png)

You should also be able to see this for yourself as you dynamically resize the window on your Web browser. A width of 320 is still fairly common among mobile devices, so it’s one that you should definitely test with.

---

<div class="post-metadata">

**Author:** ![jenovs](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jenovs/32/60963_2.png) [@jenovs](https://forum.freecodecamp.org/u/jenovs)\
**Post date:** [August 11, 2016, 6:08pm UTC](https://forum.freecodecamp.org/t/can-anybody-please-review-my-random-quote-machine/27031/5 "2016-08-11T18:08:21Z")

</div>

When you press “tweet”, you get your codepen’s url in your tweet.

---

<div class="post-metadata">

**Author:** ![jasonrez](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jasonrez/32/12970_2.png) [@jasonrez](https://forum.freecodecamp.org/u/jasonrez)\
**Post date:** [August 12, 2016, 1:06pm UTC](https://forum.freecodecamp.org/t/can-anybody-please-review-my-random-quote-machine/27031/6 "2016-08-12T13:06:48Z")

</div>

Thank you for your feedback, that was by design. Do you think it is a bad idea?

---

<div class="post-metadata">

**Author:** ![jasonrez](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jasonrez/32/12970_2.png) [@jasonrez](https://forum.freecodecamp.org/u/jasonrez)\
**Post date:** [August 12, 2016, 1:08pm UTC](https://forum.freecodecamp.org/t/can-anybody-please-review-my-random-quote-machine/27031/7 "2016-08-12T13:08:44Z")

</div>

Made some changes should now look fine even at 320 widths.

---

<div class="post-metadata">

**Author:** ![jvalonen](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jvalonen/32/12460_2.png) [@jvalonen](https://forum.freecodecamp.org/u/jvalonen)\
**Post date:** [August 14, 2016, 3:18pm UTC](https://forum.freecodecamp.org/t/can-anybody-please-review-my-random-quote-machine/27031/8 "2016-08-14T15:18:05Z")

</div>

The fonts seem too large to me. They also distract from the quotes themselves in my opinion. The change from one quote to the next feels abrupt, perhaps an animation could help smooth the transition? The Youtube channel DevTips has a series on CSS animations that I found very useful, if you’re into the design side of web development.

The background picture starts repeating itself, which doesn’t look very good. And when there’s a longer quote the background sort of zooms in which is distracting. The similarity of all the font sizes is a bit of a lots opportunity, headings are larger than body text for a good reason.

For the background picture I would consider an image that has interesting things going on at the sides. With this image I’m not sure what I’m looking at. Seems like a bridge of some sort. But what’s that got to do with a quote machine? Personally I had a typewriter in the image I used and one camper made his quote machine look like an actual machine that spewed out paper quotes.

---

<div class="post-metadata">

**Author:** ![jasonrez](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jasonrez/32/12970_2.png) [@jasonrez](https://forum.freecodecamp.org/u/jasonrez)\
**Post date:** [August 15, 2016, 12:31pm UTC](https://forum.freecodecamp.org/t/can-anybody-please-review-my-random-quote-machine/27031/9 "2016-08-15T12:31:39Z")

</div>

Thanks dude, I agree with most of your points to be fair and I did wonder if anybody else would.  
Great feedback

---

<div class="post-metadata">

**Author:** ![Cascada1](https://avatars.discourse-cdn.com/v4/letter/c/a5b964/32.png) [@Cascada1](https://forum.freecodecamp.org/u/Cascada1)\
**Post date:** [August 15, 2016, 2:21pm UTC](https://forum.freecodecamp.org/t/can-anybody-please-review-my-random-quote-machine/27031/10 "2016-08-15T14:21:34Z")

</div>

What’s not to like? Great quotes and presentation. Thanks for teaching Bootstrap in greater depth. 👍

---

<div class="post-metadata">

**Author:** ![DanielMW34](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/danielmw34/32/12831_2.png) [@DanielMW34](https://forum.freecodecamp.org/u/DanielMW34)\
**Post date:** [August 17, 2016, 12:34am UTC](https://forum.freecodecamp.org/t/can-anybody-please-review-my-random-quote-machine/27031/11 "2016-08-17T00:34:35Z")

</div>

Overall I like it, take the other reviews into consideration, I think it is aesthetically pleasing, minor changes but looks very nice.

---

<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, 6:08pm UTC](https://forum.freecodecamp.org/t/can-anybody-please-review-my-random-quote-machine/27031/12 "2021-06-01T18:08:51Z")

</div>


