Skip to content
OverviewSolutions
19
Comments
5
Jerome Haynes
@dev-rome

All comments

  • Jerome Haynes•330
    @dev-romePosted 3 months ago

    Great Work

    0
  • Flávio César•340
    @flaviocmbSubmitted 3 months 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
    Jerome Haynes•330
    @dev-romePosted 3 months ago

    Great Work!

    0
  • irene•120
    @irene-panisSubmitted 6 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
    Jerome Haynes•330
    @dev-romePosted 6 months ago

    Great Job!

    0
  • ItachiCodes•130
    @itachidevsSubmitted 9 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
    Jerome Haynes•330
    @dev-romePosted 9 months ago

    Great Job!

    1
  • Jerome Haynes•330
    @dev-romePosted 9 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