Skip to content
OverviewSolutions
7
Comments
7
MelissaZhuu
@MelissaZhuu

All comments

  • Nadir Bousalah•820
    @Medido1Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    proud that i was able to use my knowladge about css grid for the desktop layout

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

    i had challanges applying the correct Css grid rules that i only knew by theory, but this challenge was helpful to implement and deepen that knowladge

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

    how to determine an apporpriate breakpoint

    Testimonials grid section solution

    1
    MelissaZhuu•100
    @MelissaZhuuPosted 4 months ago

    I think the breakpoints you've chosen work pretty well! Sometimes, if the content is starting to look too small or too wide at the edges of a breakpoint, I like to set min and max widths to make it not stretch/shrink too much and still look nice. Also, just something I noticed, at 1100px - 1200px, the text for some cards cut off at the bottom, so maybe that's something to look into? Great job otherwise!

    1
  • beowulf1958•1,450
    @beowulf1958Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of the fact the project gave me a chance to practice grid. I have been concentrating so much on flexbox, I had to review a lot of things to make it look the way I wanted it to.

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

    The point of the project was two-fold; practice grid, and continue working with Sass. Organizing the Sass most efficiently is always a challenge, but one I had analyzed the project properly, it went smoother.

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

    Nothing at the moment

    Responsive Layout using Grid and Sass

    1
    MelissaZhuu•100
    @MelissaZhuuPosted 4 months ago

    Your solution looks quite different from the design. Perhaps you can work on customizing the styles for larger screen sizes like enlarging the title font and changing the card widths to match the design. I noticed your media query breakpoint is at 400px, maybe for this design it would be more suitable to increase it to something like 800px, that way users who have a screen width of 500px don't have to awkwardly scroll horizontally.

    Marked as helpful
    0
  • Nate Valline•420
    @nvallineSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I feel like I was able to quickly identify the card structure and also how to adjust the layout for the different screen sizes.

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

    This was a good challenge to refresh my memory on using SASS in a non-react environment. Though it is the same per say, getting started required a little extra thought.

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

    I would appreciate any suggestions on improving the quality of my code.

    Product Preview Card with Flex & Grid

    1
    MelissaZhuu•100
    @MelissaZhuuPosted 4 months ago

    Looks amazing!

    1
  • kirilzab•220
    @kirilzabSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I spent about 3 hours crating this page and i'm glad it turned out without using Figma

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

    the hardest part was the last part of the page but i tried everything until it worked

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

    Most of all i need help with Display:Grid

    Responsive recipe page using HTML, SASS

    1
    MelissaZhuu•100
    @MelissaZhuuPosted 5 months ago

    Some minor color and font-weight differences, but looks good overall!

    0
  • Emi•90
    @emibonezziSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Coded pretty fast.

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

    Styling the buttons.

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

    None

    Social Links Card

    1
    MelissaZhuu•100
    @MelissaZhuuPosted 5 months ago

    Looks good

    0
  • Redened•40
    @RedenedSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that i got my solution as close to the design as possible, despite encountering walls for seemingly no reason, which upon further digging, seemed to have been caused by my inattention to superficial details.

    Like how the design font i was provided with seemed to work despite my not using it properly in CSS (Didn't use @font-face). That little oversight caused me to uselessly spend a few hours trying to make the font look the same as in the design.

    Will pay attention next time :D

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

    Challenge: Making the solution identical to the design.

    Overcome process: Rolling face on keyboard for 2 hours.

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

    Writing cleaner code.

    Understanding the screen width requirements in the solution instructions.

    Blog Preview Card (HTML, SCSS)

    1
    MelissaZhuu•100
    @MelissaZhuuPosted 5 months ago

    Looks great to me! I like that you included the hover animation on the Learning label too. Regarding the font, I always just use Google fonts to search up the font name and copy and paste the embed code. However, I guess given the font in assets, it probably makes a lot more sense to use that. I also like how your units are all responsive, that's something I could probably work on.

    0
  • Saim Gökdoğan•290
    @SaimgkdnSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    Because I wrote code without any help.

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

    I had difficulty centering the container and I got help from the internet.

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

    maybe some css flexbox.

    QR code landing page

    1
    MelissaZhuu•100
    @MelissaZhuuPosted 5 months ago

    Good solution! The only difference from the design is the last line of text, but other than that, it looks great.

    0