Skip to content
OverviewSolutions
5
Comments
5
walkerbb216
@walkerbb216

All comments

  • walkerbb216•90
    @walkerbb216Posted 5 months ago

    For the prices, you can get rid of justify-content: center and just the gap property to create spacing between them. This way it's still aligned to the left like everything else. You can also use the gap property on the button icon and text. For 'Perfume', margin-top / margin-bottom would be better so it's not out of alignment with the rest of the content. Setting the image's width to 100% and the height to auto will allow it to fit into the outter card div's size and you can add padding to the content without messing anything up.

    Marked as helpful
    0
  • tybaglue•40
    @tybaglueSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    Was able to figure out most of the items without having to watch a tutorial walk-through

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

    Styling the lists bullets and tables were difficult. Searched for answers online.

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

    Am unable to align the numbered items in the "instructions" section properly. Also the lines in the table are broken, would like to know how to fix these.

    Recipe page solution with HTML/CSS

    1
    walkerbb216•90
    @walkerbb216Posted 6 months ago

    table styling is a little tricky, this is what I did for the table borders tr:not(:last-child){ border-bottom: 1px solid hsl(30, 18%, 87%); }

    For list numbers and bullet points, you can use the ::marker selector to style them.

    0
  • TPAIN22•390
    @TPAIN22Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    a

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

    b

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

    c

    profile-links

    1
    walkerbb216•90
    @walkerbb216Posted 6 months ago

    Looks good! Maybe just add more contrast between the button color and the card's background color to prevent eye-strain.

    0
  • mariazinha•60
    @mfsantoszSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that I managed to do everything right, but i would do with some framework

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

    Align the elements. I searched for more information on the internet

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

    At the moment none

    Blog Card using HTML & CSS

    1
    walkerbb216•90
    @walkerbb216Posted 6 months ago

    Looks good, it just needs the line height on the paragraph and maybe a little more vertical spacing.

    0
  • kimkawachi•60
    @kimkawachiSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    As a total beginner, starting to link knowledge and understanding of various software and tools while practicing code is rewarding. Following through was quite an achievement.

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

    Understanding Github to make things work was a challenge having no previuos knowledge of using such programmes.

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

    looking forward for the next challenge.

    Qr code component - HTML and CSS

    2
    walkerbb216•90
    @walkerbb216Posted 6 months ago

    To completely center the card something like: position: absolute; top: 0; bottom: 0; left: 0; right: 0; is better so it doesn't shift from the center when the window is resized.

    Marked as helpful
    0