Skip to content
OverviewSolutions
7
Comments
7
Michelle Chong
@mdchong

All comments

  • Paradox•160
    @TarestaSubmitted 4 days ago
    What are you most proud of, and what would you do differently next time?

    I was being able to use SASS for the first time. I must admit writing code with it is quite fun and easy. Just deploying it for the first time requires a bit of effort. It is not difficult, but for a lazy like me, it was just something extra that I wished I could skip.

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

    Surprisingly, this time, I did not face as many problems with the overall layout as with aligning the elements within the cards themselves. Just to get the alignment of a little area right, I had to write extra markup, but the other ideas I had were not responsive enough, so I had to settle on my current approach in the end.

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

    Is it possible that I can simplify my project a bit? If there is any redundant HTML or CSS, I would like to eliminate it.

    Responsive Testimonial-Grid-Section

    1
    Michelle Chong•120
    @mdchongPosted 2 days ago

    Great that it was your first time with SASS! I hope you enjoyed it. Just looking through your code, I was wondering why you decided to place the .review.highlight aside from the blockquote! I think it can be included inside the blockquote! (:

    0
  • Adelabu Mobolaji•150
    @BolazcodingSubmitted 10 days ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that I was able to complete this project. I was able to use SCSS for my style which made my work faster.

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

    I encountered an problem when I was trying to make the card looks like the original one. But with thorough research, I was able to make it work.

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

    Nothing for now..

    Four card feature using HTML and CSS

    1
    Michelle Chong•120
    @mdchongPosted 8 days ago

    Great work! What I would love to recommend is to use clamp() for responsive design. For example, the font size of your heading 1! It makes it much more convenient for the heading to increase its size depending on the resolution of your device!

    0
  • Erysnell•170
    @ErysnellSubmitted 25 days ago
    What are you most proud of, and what would you do differently next time?

    I wanted to give a little more difficulty to the challenge by using a preprocessor, and I realised that if you don't know a technology and you want to use it, you don't necessarily have to go to tutorials, it's not always the case, but one of the best guides is the documentation. Thanks to this in a few hours I was able to do the challenge and acquire skills using Sass.

    Product-preview-card with HTML, CSS, JS and preprocessor Sass

    1
    Michelle Chong•120
    @mdchongPosted 19 days ago

    HTML looks semantic and your project looks very similar to the design (maybe a bit of modification to 'Add to Cart'! Though, I would love to recommend using CSS Reset!

    Marked as helpful
    0
  • Michelle Chong•120
    @mdchongPosted about 1 month ago

    Hey Jean! Nice job you've done here! One of the things I noticed and recommend is to always place contents inside the <header><nav><main><aside><footer>, rather than using <containers> or any other elements outside of it!

    Think or view HTML like a little story plot! As we can see, our recipe page includes only the main part of the story. So, we can easily assume that all contents should fall under the <main> tag.

    Which also goes the same for the .attribution. I recommend placing this inside of the <footer> tag, which contains the contents that should go after the story. Think of the footer as the ending credit of the movie!

    0
  • Danny•110
    @DannyGuerinSubmitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I did this project using CSS presets for the first time and am really happy with how it went. I'll definitely be using them for every project going forward. I also implemented media queries for the first time and it was much easier than I thought it was going to be. New hover interactions were also used. I'm very happy with how this turned out.

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

    Never doing CSS Presets or Media Queries too some time to figure out but now that I know them, things will hopefully get much faster and more streamlined in the future.

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

    I think everything went ok and is looking good but if you see anything I missed or ways I can improve my code, please let me know. Thanks.

    CSS presets used for the first time. Media queries used too!

    2
    Michelle Chong•120
    @mdchongPosted about 1 month ago

    Your solution looks quite similar to the design provided! As I lack knowledge of coding, I am not sure if I am in the place to give a helpful feedback. I am glad you used CSS presets as they are really helpful! I've recently received a feedback that there are many resets out there and it will be really helpful to understand why they were written that way.

    Marked as helpful
    0
  • Michelle Chong•120
    @mdchongPosted about 2 months ago

    Wow, the solution is very similar to the design provided! As a beginner, I can't really provide good feedback regarding your code, but I really love how similar your solution came out. But one thing I noticed is that when you minimize the page to a mobile resolution, it's not as responsive as it should be, and the contents are overflowing. Looking through your CSS file, you used a px value for your width!

    0
  • Michelle Chong•120
    @mdchongPosted about 2 months ago

    The solution differs from the design, and I believe changes should be made! The color used is different from the design, the border-radius seems weak for the card, I don't see any on the QR image, the font seems comparably small and unreadable, the layout seems smaller than the desired design, unnecessary blue border around the card, the color of the font is different as well! There isn't even box-shadow beneath the card.

    Don't worry, you can do this! I recommend going through this challenge again before moving on!

    0