Skip to content
OverviewSolutions
12
Comments
9
P
cookie-monster01
@cookie-monster01

All solutions

  • Meet Landing Challenge with CSS Grid and Flexbox

    P
    cookie-monster01•220
    Submitted 3 months ago

    • The footer background is not the same color as the design, the cyan background seems a lot darker. How could I reach the same result?

    • Is there any way to avoid media-queries on changing margins and padding? Or size of the images? I tried to use min() and calc() but did not get me the right results. So I used media-queries.

    • How else could improve my code?

    2 comments

  • Testimonial Section using CSS Grid

    P
    cookie-monster01•220
    Submitted 3 months ago

    I'm still very confused on how to use h1, when the project is either a section or just a card.

    • As per my understanding, and from previous feedback: h1 should be used as a main-heading of the whole page.

    I usually write under and hide it, is this a right practice?

    • I got a new suggestion to change my tags to in the previous project. [Previous project code: https://github.com/cookie-monster01/four-card].

    Could someone please guide me on this?

    Also, please let me know how I could improve my solution. Thank you.

    1 comment

  • Four card feature section using CSS grid

    P
    cookie-monster01•220
    Submitted 4 months ago

    • I couldn't adjust the icon size (.card__img) without using media-queries. I tried using width (89.07% ) and max-width (64px), then I also tried applying min-width (57px) with either width (100%) or max-width (64px). Can someone please help understand why it might not have worked and how could i solve this?

    • Could someone please explain why when I reduce the margin between two cards, the size of the cards reduces as well?

    2 comments

  • Order summary card using positioning

    P
    cookie-monster01•220
    Submitted 4 months ago

    I tried to use relative positioning on the card at first, but it did not work as per the design. While, the absolute positioning worked better, it hid the footer behind the card.

    It would be super helpful if someone could help me with an alternate solution or guide me on how i could improve the current solution, while maintaining the absolute positioning on card. Thank you.

    1 comment

  • Product preview card with flexbox and grid

    P
    cookie-monster01•220
    Submitted 4 months ago

    All kinds of feedback and different approaches to the solution would be helpful. Thank you.

    2 comments

  • Recipe Page focusing semantic HTML

    P
    cookie-monster01•220
    Submitted 4 months ago

    Any feedback on how I could improve the solution would be great.

    0 comments

  • Social-Links Profile with Flexbox and Grid Layout

    P
    cookie-monster01•220
    Submitted 4 months ago

    How could I improve my solution? How do I increase padding on bigger screen sizes? I have applied calc() on this solution.

    0 comments

  • Blog card made with grid and flexbox

    P
    cookie-monster01•220
    Submitted 5 months ago
    2 comments

  • Responsive web design with flexbox and media queries

    P
    cookie-monster01•220
    Submitted 5 months ago
    1 comment

  • Fylo: Two column layout using grid and flexbox.

    #bootstrap
    P
    cookie-monster01•220
    Submitted 5 months ago

    Can someone help me with:

    • how to add custom message alert on email input. I haven't learnt sass variables yet, I saw I read about it, but haven't deep-dived into it, can we do the message alert without it?

    • how to change the fill color of svg icons on hover.

    2 comments

  • Huddle Project using Mobile-first workflow

    P
    cookie-monster01•220
    Submitted 6 months ago
    1. I don't think I have understood correctly the use of min() and max() for responsive design, and whats the best practice.
    2. At 1200px, footer element .subscribe, shifts to the right edge. I do not understand how I could center the elements, I tried using margin: 0 auto to center the footer elements but did not work.
    3. My webpage had a horizontal scroll, and I couldn't understand what was causing the overflow. Although, I don't have that scroll on the live url, also, don't know why.
    2 comments

  • Responsive web design with flexbox and media queries

    P
    cookie-monster01•220
    Submitted 7 months ago

    I believe I come to the same results with more number of steps, maybe i would like examples of how i could have done it differently in a fewer steps, or what could have been more efficient solution.

    2 comments