All solutions

11/02/20

Don't see many doing this challenge, so here it is. This was a little difficult to code especially for a beginner like me, but I figured it out after so many googling & learned so much from this! Had to step out the comfort zone somehow.

Honest feedback/criticism is appreciated! Any suggestions on how I can improve this solution?

Update 11/07/20

• Rewritten the entire code.
• Improved website responsiveness

10/28/20

Honest feedback/criticism is appreciated! Any suggestions on how I can improve this solution?

10/26/20

Honest feedback/criticism is appreciated! Any suggestions on how I can improve this solution?

Credits: https://www.frontendmentor.io/solutions/faq-accordion-card-htmlcss-flexbox-js-Yjw1BKo4Q (JavaScript)

Update 10/27/20

• Removed display:none; in the CSS and moved it directly to the answer divs in the index.html. This fixed the double clicking issue.

<div class="answer-div" style="display:none;">

• Reduced opacity of the box shadow

10/23/20

Honest feedback/criticism is appreciated! Any suggestions on how I can improve this solution?

Update 10/27/20

• Added cursor: pointer; to buttons

10/21/20

I'm having issues with stretching the background image all the way through.

Honest feedback/criticism is appreciated! Any suggestions on how I can improve this solution?

Update 10/21/20

• Fixed the background issue after countless tweaks.

background-position: left top, right bottom;

10/17/20

Honest feedback/criticism is appreciated! Any suggestions on how I can improve this solution?

Update 10/17/20

• Cleaned & tweaked CSS code

Update 10/19/20

• Lighter shadows
• Fixed the fonts
• Added <br> in-between the words 'data' & 'points' in the paragraph line

10/15/2020

Honest feedback/criticism is appreciated! Any suggestions on how I can improve this solution?

Update 10/16/2020

• Added max-width: 1440px
• Added "Grow Effect" inside the button property

Update 10/19/2020

• Fixed the font properties
• Added shadows
• Some small tweaks inside the 'Why Us' section.