Skip to content
OverviewSolutions
5
Comments
4

Monish

@Monish939340 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

Latest comments

  • Amit Shaw•40
    @iamitshaw-1998
    What are you most proud of, and what would you do differently next time?

    I am proud of make this webpage fully responsive.

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

    How to mark the colors of list-items?

    • Solution: list-item-selector::marker
    What specific areas of your project would you like help with?
    • Media Query
    • Container Query
    • Mobile-first

    Responsive Recipe Page

    1
    Monish•40
    @Monish9393

    you can refine more ig

  • PIYUSH KUSHWAH•380
    @piyushkumarx
    What are you most proud of, and what would you do differently next time?

    I’m proud of building a clean, responsive profile card that works well on both mobile and desktop. It follows the design specs closely and helped me practice media queries effectively.

    Next time, I’d improve class naming, organize media queries better, and add more interactivity like hover effects or dynamic links.

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

    Challenge: Making the layout responsive on different screen sizes. Solution: I used media queries to adjust font sizes, spacing, and layout specifically for mobile (375px) and desktop (1440px) views. Flexbox also helped center content consistently.

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

    I’d like help with planning the project timeline and improving the code quality.

    Responsive Social links profile card

    1
    Monish•40
    @Monish9393

    good keep going

  • Fernando Luis Pizarro•280
    @fernandopizarrodw
    What are you most proud of, and what would you do differently next time?

    I'm proud of how I managed to build a clean and responsive layout using semantic HTML and CSS, following a mobile-first approach.

    Next time, I would structure my CSS more efficiently from the beginning to avoid repeated styles in media queries. I learned to separate mobile and desktop styles better.

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

    At first, I was duplicating CSS properties from the mobile view into the media queries. It made the code harder to maintain and caused spacing issues. I solved this by organizing my styles with the help of VSCode's split editor, which let me compare sections side by side and remove redundancies.

    I also struggled with using fixed width and height, which led to a rigid layout. I learned to rely more on max-width, padding, and margin to achieve a more flexible and responsive design.

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

    I’d love feedback on my CSS structure—especially how to better organize base styles vs. media queries. Any advice on improving code readability and best practices for scalable responsive design would be very appreciated.

    Blog preview card - Mobile-first workflow - Flexbox

    1
    Monish•40
    @Monish9393

    looks good but the space between the learning tag and the card image is slightly large but overall it is good

  • Monish•40
    @Monish9393

    good