# Quote machine. Could you give a feedback? **URL:** \ **Category:** I Built This\ **Created:** [December 24, 2021, 1:30am UTC](https://forum.freecodecamp.org/t/quote-machine-could-you-give-a-feedback/489835 "2021-12-24T01:30:10Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![gennadiy.w](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/gennadiy.w/32/237149_2.png) [@gennadiy.w](https://forum.freecodecamp.org/u/gennadiy.w)\ **Post date:** [December 24, 2021, 1:30am UTC](https://forum.freecodecamp.org/t/quote-machine-could-you-give-a-feedback/489835/1 "2021-12-24T01:30:10Z")
Hello 🙂 I appreciate your time. It would be great if you have a minute for a feedback. Here is the link: [Quote machine](https://codepen.io/langmuir/pen/bGrzNyV?editors=0010) ---
**Author:** ![jwilkins.oboe](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jwilkins.oboe/32/179497_2.png) [@jwilkins.oboe](https://forum.freecodecamp.org/u/jwilkins.oboe)\ **Post date:** [December 24, 2021, 1:34am UTC](https://forum.freecodecamp.org/t/quote-machine-could-you-give-a-feedback/489835/2 "2021-12-24T01:34:59Z")
Hi @gennadiy.w ! I think your project looks good. I would suggest formatting your code so it is more readable. ![Screen Shot 2021-12-23 at 5.34.50 PM](https://global.discourse-cdn.com/freecodecamp/original/3X/5/7/576dd87cf8374a159779d975733271480a2de453.png) ---
**Author:** ![gennadiy.w](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/gennadiy.w/32/237149_2.png) [@gennadiy.w](https://forum.freecodecamp.org/u/gennadiy.w)\ **Post date:** [December 24, 2021, 1:58am UTC](https://forum.freecodecamp.org/t/quote-machine-could-you-give-a-feedback/489835/3 "2021-12-24T01:58:26Z")
Thank you for your feedback! ---
**Author:** ![liyaquathhassan](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/liyaquathhassan/32/239722_2.png) [@liyaquathhassan](https://forum.freecodecamp.org/u/liyaquathhassan)\ **Post date:** [December 24, 2021, 2:14am UTC](https://forum.freecodecamp.org/t/quote-machine-could-you-give-a-feedback/489835/4 "2021-12-24T02:14:02Z")
Hello @gennadiy.w, Your project is looking good, I have a suggestion, The title _Quote machine_’s color is not in sync with the background color. Maybe you could visit [https://colorhunt.co/](https://colorhunt.co/) or any other color pallette site so you can find and use amazing color pallettes in your project. ---
**Author:** ![gennadiy.w](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/gennadiy.w/32/237149_2.png) [@gennadiy.w](https://forum.freecodecamp.org/u/gennadiy.w)\ **Post date:** [December 24, 2021, 3:59am UTC](https://forum.freecodecamp.org/t/quote-machine-could-you-give-a-feedback/489835/5 "2021-12-24T03:59:48Z")
Thank you for the link! I’ve changed the colors, but not sure for the buttons. Maybe dark green would be better. ---
**Author:** ![liyaquathhassan](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/liyaquathhassan/32/239722_2.png) [@liyaquathhassan](https://forum.freecodecamp.org/u/liyaquathhassan)\ **Post date:** [December 24, 2021, 5:40am UTC](https://forum.freecodecamp.org/t/quote-machine-could-you-give-a-feedback/489835/6 "2021-12-24T05:40:47Z")
The color contrast is still too low and it can be harder for people to read. 1. If you are using Chrome, Right-click on ‘Quote Machine’ and click on inspect 2. As shown in the below pic, click on the color box just before hex code (F6D860), A pop up will open ![image](https://global.discourse-cdn.com/freecodecamp/original/3X/6/f/6fd6856706e1424790d99413a033990f2e11d454.png) 1. As you can see the contrast ratio is too low, to fix this click on the down arrow button(see above image) 2. Now click on the highlighted button(see below image), it will change the color contrast that matches your background and is more accessible. ![image](https://global.discourse-cdn.com/freecodecamp/original/3X/6/b/6b2bf5d80f285b3cae99ccae06a4c1039599afe7.png) Note: this won’t change the hex code in your CSS, you can copy the hex code as highlighted in the below image and replace it in your CSS. ![image](https://global.discourse-cdn.com/freecodecamp/original/3X/8/b/8b4161356f6de0d90424c1e2d1cdbf7fe88a51f4.png) ---
**Author:** ![gennadiy.w](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/gennadiy.w/32/237149_2.png) [@gennadiy.w](https://forum.freecodecamp.org/u/gennadiy.w)\ **Post date:** [December 24, 2021, 4:43pm UTC](https://forum.freecodecamp.org/t/quote-machine-could-you-give-a-feedback/489835/7 "2021-12-24T16:43:47Z")
Thank you very much for your nice lesson! I appreciate your support! I have fixed the contrast ratio. It should be better now. This feature of Google is great, but when it works correctly. I have chrome `(96.0.4664.45 (Official Build) (64-bit)) ` on ubuntu 18.04. Perhaps this is a not right OS or it needs to be configured. This contrast ratio checker works wrongly for me. Just compare the values we measured for the same #f6d860, the difference is nearly ten times. ![Contrast_checker](https://global.discourse-cdn.com/freecodecamp/original/3X/9/5/956733c19ce304b2919dc93d9c13fc5f79d884cc.png) [This problem was mentioned a few years ago](https://support.google.com/chrome/thread/15827676/is-contrast-ratio-no-longer-available-in-developer-tools?hl=en). It was suggested that both parent and child elements should have `background-color` property. The feature starts to work somehow. ---
**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\ **Post date:** [June 25, 2022, 4:44am UTC](https://forum.freecodecamp.org/t/quote-machine-could-you-give-a-feedback/489835/8 "2022-06-25T04:44:22Z")
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.