Skip to content
OverviewSolutions
8
Comments
7
Jackson-zablon15
@Jackson-zablon15

All comments

  • Jackson-zablon15•150
    @Jackson-zablon15Posted 14 days ago

    Congratulation on completing the challenge, only some few comments to make it more better. Adding some border-radius around the containers The background color of the leftmost container is white

    I wish you all the best on coding journey

    Marked as helpful
    0
  • Rafig•70
    @refikmemmedovSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I made a responsive page using flex and grid

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

    I tried to use both of them but of course it didn't work the first time, I spent a lot of time

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

    I am open to all kinds of comments.

    Resposive page with Grid and Flex

    1
    Jackson-zablon15•150
    @Jackson-zablon15Posted 3 months ago

    Congratulation on completing the challenge, it looks almost like the design. The height of the card seems a little higher than that of the design and font weight is somehow high than required. Happy coding 👍

    0
  • Alex•350
    @Sharky83Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    using the data-icon to add svg image to button

    .btn[data-icon="shopping-cart"]::before { content: ""; background-image: url("images/icon-cart.svg") ; width: 15px; height: 16px; }

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

    none really.

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

    would "grid" have been easier to implement?

    Product preview card component

    1
    Jackson-zablon15•150
    @Jackson-zablon15Posted 4 months ago

    Congrats on completing your challenge, it is very good. You could also use margin-top to align some elements like in the design. Wishing you nice coding.

    Marked as helpful
    0
  • Jackson-zablon15•150
    @Jackson-zablon15Posted 4 months ago

    Congrats on completing the challenge. I found following modifications might be helpful -Applying margin-top to the main container so to make it align with the design. -Use Rose-white background color on preparation container and with border-radius. The color of preparation heading is dark raspberry. -Reduce space between items like list and containers to push the bottom up so as to align with design. I wish you all the best and happy coding

    0
  • Jackson-zablon15•150
    @Jackson-zablon15Posted 7 months ago

    Congratulation on completing the challenge. The site is good. I think you can improve the assigning the height of the solution as that in the design. I usually use photoshop to measure width and height as i don't have access to Figma files. Wish you all the best on the coding journey👍👍. Keep coding💪

    Marked as helpful
    0
  • Jackson-zablon15•150
    @Jackson-zablon15Posted 7 months ago

    Hello @Madan raj. Congratulation on completing the challenge and the solution is great.👍👍 One thing i noticed is that it is little above than the design, you can use position:relative; and top property to adjust.

    Wish you all the best😊😊 and keep coding💪💪

    0
  • Imperator7•30
    @Imperator7Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I can now barely use flexbox and I will gonna learn more css because I still don't fully familiar with it

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

    I still can't set the width and height of elements with vh properly so I go back to make it static.

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

    I can't make the border radius of the box and its image to nicely balance to each other.

    non-responsive basic html css

    1
    Jackson-zablon15•150
    @Jackson-zablon15Posted 8 months ago

    Greetings Imperator7

    Great work on this challenge👍👍

    I would suggest using position property alongside with top property to position the site a little more down as in the design. You can also make html document more accessible by using elements like <main> and <section>

    I hope you find it useful. Keep coding(and happy coding, too)!😊

    0