All comments

• 

  María López• 240

  @oppahero

  Submitted 22 days ago

  What are you most proud of, and what would you do differently next time?

  For the next practices I will pay more attention to accessibility

  What challenges did you encounter, and how did you overcome them?

  It took me a bit to figure out why the span element (category) took up the entire width of the card body, when it's an inline element. But in the end I solved the problem, the display flex of the parent container was affecting it

  What specific areas of your project would you like help with?

  Any feedback is appreciated

  

  Blog preview card with HTML and CSS

  #lighthouse

  2

  9

  0

  

  Chris Bui• 90

  @chrisvn1808

  Posted 22 days ago

  Hi, congratulations on completing the project. You did a great job. I just have a suggestion that in HTML, you are using this:

  <div>
      <span class="category category--yelow">Learning</span>
  </div>
  

  Instead, you can use a single p tag to not only achieve the same result but also add meaning to the information you are marking up.

  <p class="category category--yelow">Learning</p>
  

  Hope it helps :). Happy coding!

  1
• 

  keremozcann• 40

  @keremozcann

  Submitted 26 days ago

  

  Responsive landing page with using CSS Flex, Position and Grid

  1

  3

  0

  

  Chris Bui• 90

  @chrisvn1808

  Posted 24 days ago

  Hi, congratulations on completing the project. I can see in HTML, you are using img element inside a section element. This should be avoid. Instead, you can use div tag instead of section for grouping purposes or img can stay on its own.

  1

  This comment has received 1 replyShow
• 

  tanujabeesa• 50

  @tanujabeesa

  Submitted 27 days ago

  What are you most proud of, and what would you do differently next time?

  Im proud of improving skills than the previous one although it is some what difficult i have done it for desktop version and not able to work on mobile version will surely work on next project

  What challenges did you encounter, and how did you overcome them?

  The challenges encountered by me is the image and content on same line that hasn't been happened it taken so much time and media queries for mobile version it makes me difficult want to work on it

  What specific areas of your project would you like help with?

  media queries

  

  An Sample Preview Card

  1

  2

  0

  

  Chris Bui• 90

  @chrisvn1808

  Posted 24 days ago

  Hi, keep up the work. You don't have to use media queries to complete this project. For now just focus working on desktop. Try some tutorials on the internet and learn from them. Make sure you understand why it work. After you are confident, come back here and complete the project.

  0
• 

  agnese• 300

  @aggie-l

  Submitted 24 days ago

  What are you most proud of, and what would you do differently next time?

  I am proud I managed to finish this exercise, and also the extra challenge: changing font size without the use of media query.

  What challenges did you encounter, and how did you overcome them?

  I hadn't used the clamp function in CSS before - that was a challenge for me in this exercise. I looked up ways of resizing font without using media queries, so doing research definitely helped me to solve it.

  What specific areas of your project would you like help with?

  I suppose I need to look more into the correct way / formula to convert pixels into viewport units.

  

  Blog preview card using CSS flexbox

  1

  5

  0

  

  Chris Bui• 90

  @chrisvn1808

  Posted 24 days ago

  Hi, great job on completing the project. I will give you some suggestion about making it better.

  I can see that you are using h3 element before h1 element in the HTML. You should avoid this because headings that should be appeared on a webpage in order. h1 -> h2 -> h3 ...

  You can read more from here.

  https://www.w3.org/WAI/tutorials/page-structure/headings/

  Marked as helpful

  0
• 

  Siddarth• 80

  @siddarthm93

  Submitted 25 days ago

  What are you most proud of, and what would you do differently next time?

  Currently used custom css next time ill be using css lib

  What challenges did you encounter, and how did you overcome them?

  Nothing

  What specific areas of your project would you like help with?

  CSS

  

  QR Card Component

  1

  7

  0

  

  Chris Bui• 90

  @chrisvn1808

  Posted 25 days ago

  Hello! Congratulations on completing the project. I have a couple of suggestions for improvement.

  Regarding HTML, it would be beneficial to enhance the img element by providing a more descriptive alt attribute. For instance, something along the lines of "A white QR code against a blue background." This enables browsers to display a description if the image fails to load, and aids screen readers, which are technologies designed to assist individuals with visual impairments in accessing web content. This alt text is also read aloud by screen readers, providing access to the image description for visually impaired users.

  Hope that'd help :)

  Marked as helpful

  1