Skip to content
OverviewSolutions
8
Comments
7
DoneWithWork
@DoneWithWork

All comments

  • Bankole David•300
    @BANKOLEDOSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I was able to make it responsive using CSS Grid

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

    I had issues in centering the content when it is in desktop view, i modified the padding of the main class

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

    I am open to suggestions and corrections

    Testimonial Page Using HTML & CSS

    1
    DoneWithWork•160
    @DoneWithWorkPosted 5 months ago

    Congrats on completing this project

    1. Try to write more media queries to arrange grid at different sizes.

    Have a great day :)

    Marked as helpful
    1
  • Arnaud Lahaut•200
    @Arnotts33Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    Nothing to mention here. Workflow is getting fluid.

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

    I had a few challenges:

    • Colored borders, I can not get them exactly as the design.

    • The responsive layout: I think it looks okay but I would like to find how to make the responsiveness more fluid without having to tweak or hard code everything.

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

    My CSS file is quite long... I will try to find where I can be more efficient.

    Any suggestions welcome :)

    Four card section

    1
    DoneWithWork•160
    @DoneWithWorkPosted 5 months ago

    Hello. Congrats on finishing this project

    1. You could look into SASS CSS which can help reduce the code you need to write using mixins and nesting CSS.

    Have a great day :)

    Marked as helpful
    1
  • Reuel VJ•80
    @rvj1Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I'm happy that i completed this product, I hope I did this project correctly.

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

    I had a small difficulty in the @media part but with the help of chat GPT, I somehow made it right

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

    In the layout part, i don't know if it's correct right now, I'm having a small difficulty in that part

    My 5th project | responsive design

    2
    DoneWithWork•160
    @DoneWithWorkPosted 5 months ago

    Hi. Congrats on finishing this project. Just some pointers:

    1. Try to use clamp or min-width to avoid card from scaling too small/too big

    2. Use more descriptive classes instead of one character classes

    • makes it easier to know which element you are styling
    1. On desktop version the text only takes up 50% of the container
    • work a little more on media queries and testing

    Other than that, pretty great :)

    Marked as helpful
    0
  • Flavio S.V•60
    @Flavio-svSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    What I am most proud of: I take the greatest pride in how effectively I applied media queries and selectors to create a responsive page that stays true to the original design.

    What I would do differently next time: I would start planning and testing responsiveness from the outset of the project, rather than leaving it for the final stages.

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

    Challenges encountered: One of the main challenges was ensuring that the page was responsive and visually appealing across a variety of devices and screen sizes.

    How I overcame these challenges: I reviewed and tested the design on different devices and screen sizes using browser development tools and mobile device emulators. Additionally, I consulted the official CSS documentation and developer forums to better understand best practices for media queries and advanced selectors.

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

    I am quite satisfied with the final outcome of the project, but any help or tips are welcome, especially regarding the CSS aspects.

    Building a Recipe Page with Responsive Media Queries and Selectors

    2
    DoneWithWork•160
    @DoneWithWorkPosted 5 months ago

    Awesome website. Congrats. The code is written really efficiently and clear.

    0
  • DoneWithWork•160
    @DoneWithWorkPosted 5 months ago

    Congrats on completing this project. About the positioning, maybe try to play around with the padding. A bit difficult especially if one does not have access to the Figma files, but should be ok.

    Good job :)

    0
  • DoneWithWork•160
    @DoneWithWorkPosted 5 months ago

    Congratulations on completing this project. Just a little comment about it.

    1. Just one tiny detail missed out, there is a black border around the card in the Figma design.

    2. Learning text div does not scale so well on mobile view

    • avoid setting the width to 25% as it is tough to accommodate all sizes
    • suggest implementing a fixed media query for mobile

    Other than that well done and keep going :)

    0
  • DoneWithWork•160
    @DoneWithWorkPosted 5 months ago
    1. Semantic Html quite good
    2. layout very well on diff screen sizes
    3. Code is well structured with a relevant READMe.md file available

    Overall, great job :)

    0