# Let us discuss my Random Quote Machine

**URL:** <https://forum.freecodecamp.org/t/let-us-discuss-my-random-quote-machine/144152>\
**Category:** I Built This\
**Created:** [August 27, 2017, 4:32pm UTC](https://forum.freecodecamp.org/t/let-us-discuss-my-random-quote-machine/144152 "2017-08-27T16:32:03Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![barnabasedubio](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/barnabasedubio/32/71571_2.png) [@barnabasedubio](https://forum.freecodecamp.org/u/barnabasedubio)\
**Post date:** [August 27, 2017, 4:32pm UTC](https://forum.freecodecamp.org/t/let-us-discuss-my-random-quote-machine/144152/1 "2017-08-27T16:32:03Z")

</div>

You can see it here:

> **[VzGxEO](https://codepen.io/barnabasedubio/full/VzGxEO)**
>
> ...

I mainly focused on 2 things:

1. To make it look as simple as possible and
2. To not have to move the mouse to get a new random quote. That added some more difficulties as I  
had to pay closer attention to the formatting of the quote. At this point though I feel it is ready for some external feedback 🙂

Current bugs:

When the quotes are too long, the author disappears and the font size gets too small

---

<div class="post-metadata">

**Author:** ![barnabasedubio](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/barnabasedubio/32/71571_2.png) [@barnabasedubio](https://forum.freecodecamp.org/u/barnabasedubio)\
**Post date:** [August 27, 2017, 4:34pm UTC](https://forum.freecodecamp.org/t/let-us-discuss-my-random-quote-machine/144152/2 "2017-08-27T16:34:45Z")

</div>

Whoops, in the browser-integrated codepen-window it looks way different (and pretty bad lol), I’ll see how I can fix it.

Here’s the full link:

https[colon]//codepen[dot]io/barnabasedubio/full/VzGxEO

---

<div class="post-metadata">

**Author:** ![barnabasedubio](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/barnabasedubio/32/71571_2.png) [@barnabasedubio](https://forum.freecodecamp.org/u/barnabasedubio)\
**Post date:** [August 27, 2017, 10:21pm UTC](https://forum.freecodecamp.org/t/let-us-discuss-my-random-quote-machine/144152/4 "2017-08-27T22:21:29Z")

</div>

Hey, thanks a lot for the feedback!

Since I’m adamant on keeping the “Next Quote” button in a fixed position, I had to rewrite the way the quotes are formatted again. It’d be great if you could check it out again, I think I fixed the issue but your input would be very helpful 🙂

---

<div class="post-metadata">

**Author:** ![barnabasedubio](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/barnabasedubio/32/71571_2.png) [@barnabasedubio](https://forum.freecodecamp.org/u/barnabasedubio)\
**Post date:** [August 28, 2017, 7:55pm UTC](https://forum.freecodecamp.org/t/let-us-discuss-my-random-quote-machine/144152/6 "2017-08-28T19:55:27Z")

</div>

Okay thanks, I tried it a few times with the smaller screen before, and the quotes seems to be fitting in the box fine, but I guess  
If I reduce the screen size to a specific value the quotes will always pop out, unless I do something like changing the overflow behavior.

A possible solution I am thinking of is simply setting a min-width of the browser window. It might not look that great for smaller phones, but that way I can ensure the quotes staying in the box. What do you think?

---

<div class="post-metadata">

**Author:** ![barnabasedubio](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/barnabasedubio/32/71571_2.png) [@barnabasedubio](https://forum.freecodecamp.org/u/barnabasedubio)\
**Post date:** [August 29, 2017, 2:28pm UTC](https://forum.freecodecamp.org/t/let-us-discuss-my-random-quote-machine/144152/8 "2017-08-29T14:28:06Z")

</div>

Okay, thanks a lot! 🙂

---

<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:** [January 17, 2021, 7:49pm UTC](https://forum.freecodecamp.org/t/let-us-discuss-my-random-quote-machine/144152/9 "2021-01-17T19:49:25Z")

</div>


