Responsive card using Flexbox and Media query

Community feedback

• 

  Bernardo Poggioni•5,360

  @R3ygoskiPosted 6 months ago

  Hallo again Carolina, congratulations on completing another project, it turned out very well.

  I noticed here that you didn't use JS, this project requires JS to do the fetch and refetch of data to generate a new advice each time, so this leaves the project incomplete. But of course, it's fine to post JS projects without having done that part of the JS logic. However, I would like to suggest that you practice with challenges that only use HTML and CSS, as they are generally better for introducing this part of working with responsiveness. In particular, I recommend this one: Recipe page. If you choose to do it, a tip: start by making it mobile-first.

  And a tip regarding the HTML: it is well-structured and semantic, but there is a part that ended up not being semantic, which is this <div class="advice-box">. The more semantic tag to use here would be <article>, because this <div> has self-explanatory and independent content.

  Once again, congratulations on completing the project and making progress in your studies. Keep practicing and improving. If you have any questions, you know, just comment below and I will try to help as best as I can.

  Marked as helpful

  0

  ---

  

  Carolina Ciolin•100

  @CarolinaCiolinPosted 5 months ago

  Hi and thank you for your comment.

  I am taking a course and I haven't gotten to the JS part yet, so the teachers advised us to complete this challenge using only HTML and CSS. I decided to upload the challenge here, but I didn't notice that the challenge requires JavaScript.

  Regarding the article tag, I thought it had a different purpose, so I think I should learn more about it.

  1