Mobile-first solution using CSS Flexbox and Javascript

Community feedback

• Account deleted

  How about you expand the clicking area to expand a bar, instead of it only being limited to the arrow, you could also add it to the question to make things easier.

  No pressure, but implementing the 'one tab at a time' functionality would be nice.

  Keep coding👍.

  Marked as helpful

  1

  ---

  

  Bianca•145

  @Blanket25Posted over 3 years ago

  @thulanigamtee great, thanks! I'll try that :)

  0
• 

  Danilo Simões Cunha•55

  @daniloscunhaPosted over 3 years ago

  Good morning Bianca,

  There's a step-by-step video of this challenge. [Coder coder channel] (https://www.youtube.com/watch?v=FboXxLxg8eo&t=3135s)

  Maybe will help you to understand the image positioning process.

  Marked as helpful

  0

  ---

  

  Bianca•145

  @Blanket25Posted over 3 years ago

  @daniloscunha Hi! Yes I follow the coder coder, I'll look for that video :) Thanks!!

  0
• 

  Corvida Raven•680

  @SheGeeksPosted over 3 years ago

  For the HTML validation errors you're receiving, change section to div. Section tags should come with a heading (h2 and up) immediately after the opening tag for accessibility. When this doesn't happen you'll receive these kind of errors. Div tags don't have this requirement, which is why I'm recommending switching tags.

  This challenge is primarily about positioning elements. I spent time researching how each position property worked to better inform which one I should use and where it worked best. Feel free to take a look at my code on this challenge for inspiration.

  0