Skip to content
OverviewSolutions
5
Comments
7
Timelessgreed
@Timelessgreed

All comments

  • Timelessgreed•70
    @TimelessgreedPosted 7 months ago

    The accuracy is amazing, keep it up

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

    It's a great project

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

    The margins and paddings

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

    the margins and paddings

    Recipe

    2
    Timelessgreed•70
    @TimelessgreedPosted 7 months ago

    Thank you very much for your feedback

    0
  • lij110397•230
    @lij110397Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    1.How to import google fonts from the link and use variable weight to reduce code

        
    
    

    :root {
  --font-young-serif: "Young Serif", serif;
  --font-outfit: "Outfit", sans-serif;
}

    And apply font-weight to specific class.

    html {
  font-family: var(--font-outfit);
  font-weight: 400;
}

    2.How to change the markers' color of list items

    ol::marker {
  color:red;
}

    3.How to set a divider

    using "border" to set its styles:

    hr {
  border: none;
  border-bottom: 0.0625rem solid var(--color-light-grey); /* 1px converted to rem */
}

    4.Mobile-first design : try to start from min-width

    To make it responsive to all screen sizes, the better way is to design the styles starting from the min-width. Adjust to the screen as it scales up.

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

    1.Mobile-first design : try to start from min-width

    To make it responsive to all screen sizes, the better way is to design the styles starting from the min-width. Adjust to the screen as it scales up.

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

    How to adjust the padding between main and body when it is in mobile size?

    Solution-recipe-main-page using mobile-first

    1
    Timelessgreed•70
    @TimelessgreedPosted 7 months ago

    nice one man

    0
  • Timelessgreed•70
    @TimelessgreedPosted 8 months ago

    nice work

    0
  • Timelessgreed•70
    @TimelessgreedPosted 8 months ago

    Great one

    0
  • saurabhpatil1307•100
    @saurabhpatil1307Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    NA

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

    NA

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

    NA

    Responsive Card

    1
    Timelessgreed•70
    @TimelessgreedPosted 8 months ago

    Hello everyone have a nice journey

    0
  • Mohammad Fasil Bhat•30
    @FasilBhatSubmitted 9 months ago

    There were many difficulties that I faced during the challenge but the hardest of them was about the height of the container, elements, divs, and other fractions of the website.

    The only thing I am unsure of is the height and alignment of the elements.

    The question is that if you provide the screen width, cant you write the height as well? That would make the challenge easy to solve.

    Made the Recipe page main by using Html and Css.

    1
    Timelessgreed•70
    @TimelessgreedPosted 9 months ago

    Hi I'm also new to frontend development and doing this project, I was stack for a moment but thanks to your code I can now move forward. Goodluck in your frontend journey.

    0