FAQ Page responsive

Community feedback

• 

  P

  David Turner•4,150

  @brodiewebdtPosted almost 3 years ago

  I don't know why this is rated a Newbie project. This was tough. Aligning the desktop image wasn't easy. I don't know what the problem is but the background color isn't showing in Chrome , Edge or the Polypane browser.

  I used transform: rotate(180deg); for the arrow and it worked for me. No animation.

  Change your div with the main class to a Main tag. Change the .main in the CSS to main. Change the FAQ to a H1 tag and it will clear the accessibility warnings.

  Download AXE DevTools and you can clear accessibility warnings while you code. https://www.deque.com/axe/devtools/

  Hope this helps.

  Marked as helpful

  1
• 

  Aakash Verma•6,710

  @skyv26Posted almost 3 years ago

  Hi! Lorenzo, As @brodiewebdt told you about the issues that he have noticed, let me introduce some other issues.

  1.Your FAQ question's answer, need be hide and show once at a time. Like if you click on any question's answer then that only expand in order to show the answer and other at same time collpased in order to fulfill the requirements as given by frontend mentor.

  2. Please keep in mind while hide and show the accordian answer your container should not change its height, it is kind of challenge or test to check your CSS skills.

  3. Due to the above mentioned problems, in mobile view your illustrations goes out of device viewport and it is not good and also not fulfilling the requirement or achieve desired goal.

  I hope you understand and will fix your issues soon. if you understand what I'm talking about then check this --> Click ME and compare your accordian working with the given link solution .

  Good Luck

  Marked as helpful

  0

  ---

  

  Lorenzo•150

  @ingegnerlorenzoPosted almost 3 years ago

  @skyv26 Hi, and thank you for the kind feedback! I recognized my errors and worked on it. I'll upload the solution in seconds. Now I think it kinda works as requested in the tasks!

  1