Skip to content
OverviewSolutions
7
Comments
7
Michael
@vonsacker

All comments

  • Mikołaj Grabowski•250
    @mgra04Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that I made another separate view for tablets. Next time I'll start using more margins instead gathering almost everything into flexbox.

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

    I was struggling for while to put vector (quotation.svg) using ::before property. I used background-image to overcome it.

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

    I honestly have no idea. I've already drawn a lot of conclusions myself and I'll try to code next challenges better

    Testimonial grid section

    1
    Michael•80
    @vonsackerPosted 8 months ago

    Looks perfect, no comment. Great job!

    1
  • John•410
    @MiyaoCatSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    Setting up my SCSS without having to look up any reference material.

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

    Setting up the cards took a tiny bit of finessing. It wasn't hard, but not sure if my solution is best. I kept the cards in display: flex; flex-direction: row; and I just transformed the two middle cards up on the Y axis. I also kept the cards container tight so they would stay in the "diamond" shape.

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

    I could really use some help with naming conventions. I'm not sure what to name the divs that would make the most sense. I don't want to think about it for too long so I end up going with something that may not be intuitive in the long run or for other devs.

    Four Card Feature - Mobile first, Flexbox, SCSS

    1
    Michael•80
    @vonsackerPosted 8 months ago

    Nice job! You're obviously way more skilled then me, I had issues with the fluidness of the grid, but you nailed it. Aside from some minor layout details i have no comment.

    Are you using SASS? Is it helpful? I might try to learn it too.

    0
  • Nadir Bousalah•820
    @Medido1Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    .

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

    .

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

    .

    Product preview card component

    1
    Michael•80
    @vonsackerPosted 8 months ago

    Well done! It's responsive and looks like the designs. No comments!

    1
  • dcubic•330
    @dcubicSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I liked my mobile layout. Next time I'll probably start with the desktop layout first instead of the other way around

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

    Turns out order matters for media queries. I assumed they worked like conditional functions that ran when the conditions were met, but I guess not

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

    Nothing

    recipe-page

    1
    Michael•80
    @vonsackerPosted 8 months ago

    Looks pretty good! Some tips i learned while making my challenge:

    • put all your content inside a container.
    • use your mediaquery to give the container a width of 100% when the screen is small enough.
    • give that container a padding so all your content is equally aligned.

    This is what i used, im also a beginner so it might not work. Good job though!

    0
  • Peter Bachman•200
    @PeterBachman100Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I think I got a really close match, and am getting familiar with translating the designs from Figma. Next time I want to try using variables for the spacing.

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

    I couldn't get the padding to be responsive to the media query, but I realized I had an extra ; in my media query.

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

    Open to feedback!

    Social Links

    1
    Michael•80
    @vonsackerPosted 8 months ago

    This is a perfect copy, clean coding, well done!

    0
  • Wespy07•180
    @Wespy07Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I think I made it just fine

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

    no particular challenge as such

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

    suggest me anything

    Blog Preview Card

    2
    Michael•80
    @vonsackerPosted 8 months ago

    Looks almost exactly the same! nice job. You just forgot to make the header yellow when hovering.

    Good luck with your challenges. Regards, Mich.

    0
  • Michael•80
    @vonsackerPosted 8 months ago

    I think the border-radius could be somewhat bigger, also the dropshadow isnt perfect. Aside from that it looks pretty good! good job!

    Also is your code written with chatgpt? if not, great use of comments. If you did, I think its not bad to ask chatgpt for help, but copying and pasting without knowing what the code does will not help you learn, try to understand everything you write.

    Regards, Mich.

    0