All comments

• 

  Nadir Bousalah• 740

  @Medido1

  Submitted 6 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

  30

  

  MelissaZhuu• 100

  @MelissaZhuu

  Posted 2 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
• 

  P

  beowulf1958• 1,170

  @beowulf1958

  Submitted 11 months 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

  20

  

  MelissaZhuu• 100

  @MelissaZhuu

  Posted 2 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
• 

  P

  Nate Valline• 350

  @nvalline

  Submitted 5 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

  60

  

  MelissaZhuu• 100

  @MelissaZhuu

  Posted 3 months ago

  Looks amazing!

  1
• 

  kirilzab• 220

  @kirilzab

  Submitted 4 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

  30

  

  MelissaZhuu• 100

  @MelissaZhuu

  Posted 3 months ago

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

  0
• 

  Emi• 90

  @emibonezzi

  Submitted 5 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

  30

  

  MelissaZhuu• 100

  @MelissaZhuu

  Posted 3 months ago

  Looks good

  0
• 

  Redened• 40

  @Redened

  Submitted 5 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

  40

  

  MelissaZhuu• 100

  @MelissaZhuu

  Posted 4 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

  @Saimgkdn

  Submitted 4 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

  10

  

  MelissaZhuu• 100

  @MelissaZhuu

  Posted 4 months ago

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

  0