All comments

• 

  Alejandro González Osorio• 330

  @Ale96Glz

  Submitted 2 months ago

  

  Four Card Feature Section Tailwindcss Version

  1

  20

  

  P

  Jerome Haynes• 330

  @dev-rome

  Posted 23 days ago

  Great Work

  0
• 

  P

  Flávio César• 200

  @flaviocmb

  Submitted 29 days ago

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

  Besides flexbox, I'm proud the way I handle the images and the little details to keep the components precise and loyal to the project.

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

  I've noticed the fact that we must set width to both the image and the content on the desktop version. That's because of flexbox.

  You won't get things done without understanding these:

  img, picture {
      max-inline-size: 100%; /* max-width: 100%; */
      block-size: auto;
      display: block;
  }
  

  If you use , you will have to set width for the and the .

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

  Found that firefox handles height differently for some components so the overall height is different from Chrome, for example.

  Feel free to comment anything. Thank you for your attention!

  

  Product Preview Card Component

  2

  31

  

  P

  Jerome Haynes• 330

  @dev-rome

  Posted 29 days ago

  Great Work!

  0
• 

  irene• 120

  @irene-panis

  Submitted 4 months ago

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

  most proud of semantics

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

  at a point felt like my css was getting too convoluted but i made sure to consolidate it as much as possible in the end

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

  wasn't really sure how to implement the mobile design, i kinda got there but the padding around the img stumped me so would love pointers on how to get rid of it -- surely media queries isnt the only solution?

  

  Recipe page

  1

  10

  

  P

  Jerome Haynes• 330

  @dev-rome

  Posted 4 months ago

  Great Job!

  0
• 

  ItachiCodes• 110

  @itachidevs

  Submitted 6 months ago

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

  Now I'm proud of using grid layout in CSS. Next time, I am willing to try to align the items to the center without using both grid and flexbox layouts in CSS.

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

  At first I'm confused at aligning all buttons to the center, anyway I learn a way to align the items to the center.

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

  Is there any way to align the buttons to the center using grid? I used flexbox for this.

  

  Social links profile using HTML, CSS.

  1

  50

  

  P

  Jerome Haynes• 330

  @dev-rome

  Posted 6 months ago

  Great Job!

  1
• 

  lopDiego• 40

  @lopDiego

  Submitted 7 months ago

  

  fehwo

  1

  20

  

  P

  Jerome Haynes• 330

  @dev-rome

  Posted 7 months ago

  Responsive Design: Add styling inside your media query to improve the layout on different screen sizes. Accessibility: Ensure the alt attribute of the <img> tag is descriptive for screen reader users. Semantic HTML: Use more semantic elements (<section>, <article>) for better structure and accessibility. CSS Naming: Consider using English for class names (e.g., container, card, image-container) for broader understanding. Code Comments: Adding comments can help clarify the purpose of certain styles or elements. Great job so far, and keep exploring more ways to refine your work!

  Marked as helpful

  0