All comments

• 

  daniDev6• 150

  @daniDev6

  Submitted 11 months ago

  I use many divs, is it correct to use so many divs? If you can give me advice it would help me

  

  Flex Box CSS

  2

  70

  

  A. Then• 10

  @a-then

  Posted 11 months ago

  Awesome work with this! I like how you organize your CSS.

  Editing this to answer your question about divs

  The documentation says to use div for styling purposes only, when there is NOT a better semantic option. If you have to optimize for accessibility, I'd do <main> instead of a <section> for your .card-container. Keep the <article> as you have it and then make .card-result and .card-description into sections. But it depends on your logic because you can totally make .card-item a section and .card-result and .card-description as article elements within if you think each is shareable content that would make sense on its own (ie. share result as a tweet)

  <main>
      <article>
          <section>
              <h2>...</h2>
              <div> ... </div>
              ...
          </section>
          <section>
              <div> ... </div>
              <div> ... </div>
              ...
          </section>
      </article>
  </main>
  

  Like I said, this looks great, It's crazy how close you got to the original. If I have to nick-pick it, I'd suggest these two things:

  • tweak your box-shadow property to make a softer shadow that only appears at the bottom and right edge.
  • Delete the starting README.md file and update README-template.md to showcase your thought process/lessons/insights. You never know who might be watching!! 👀

  Keep up the good work!

  1