Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
8
Comments
7

DoneWithWork

@DoneWithWork160 points

I love programming :)

Latest solutions

  • Responsive Food Ordering Reactjs and Css

    #react

    DoneWithWork•160
    Submitted about 1 year ago
    1. Any suggestions would be great. Like any libraries or frameworks, etc I could try Thanks :)

    0 comments
  • Responsive Testimonial Grid using HTML and SASS


    DoneWithWork•160
    Submitted about 1 year ago
    1. How can I make the text span longer in the div. Max-width does not seem to work. This results in my cards looking more square than the original design

    Thanks :)


    1 comment
  • Responsive four card design Html + SASS


    DoneWithWork•160
    Submitted about 1 year ago
    1. How can I design layouts using flex/grid more easily? Any resources/exercises would help

    1 comment
  • Responsive Perfume card using HTML and Css(SASS)


    DoneWithWork•160
    Submitted about 1 year ago
    1. How can I improve my Css
    • should I make use of clamp() ?
    • any other tips and trickes, really appreciate

    1 comment
  • Responsive Recipe Card made with HTML and Css


    DoneWithWork•160
    Submitted about 1 year ago
    1. is my css a bit messy?
    • how can I improve and write more efficient CSS

    1 comment
  • Responsive Social Media Card Html Css


    DoneWithWork•160
    Submitted about 1 year ago

    How can I write more efficient css. Should I use rem instead of pixels?


    1 comment
View more solutions

Latest comments

  • Bankole David•380
    @BANKOLEDO
    Submitted about 1 year 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
    @DoneWithWork
    Posted about 1 year 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
  • Arnaud Lahaut•200
    @Arnotts33
    Submitted about 1 year 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
    @DoneWithWork
    Posted about 1 year 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
  • Reuel VJ•80
    @rvj1
    Submitted about 1 year 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
    @DoneWithWork
    Posted about 1 year 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
  • Flavio S.V•70
    @Flavio-sv
    Submitted about 1 year 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
    @DoneWithWork
    Posted about 1 year ago

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

  • Ivano•90
    @IvanoCro
    Submitted about 1 year ago
    What specific areas of your project would you like help with?

    I would like help with my positioning.

    Social links profile - made using Flexbox

    1
    DoneWithWork•160
    @DoneWithWork
    Posted about 1 year 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 :)

  • devchsykas•270
    @devchsykas
    Submitted about 1 year ago

    Blog preview card using flexbox

    1
    DoneWithWork•160
    @DoneWithWork
    Posted about 1 year 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 :)

View more comments

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub