Skip to content
OverviewSolutions
7
Comments
7
P
Andy
@AStombaugh

All comments

  • Airat Galeev•100
    @MajorFreedomSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Well, first time using grid, not that hard if you read documentation

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

    I think I did huge layout, its bigger than solution

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

    Flexboxes

    Testimonials Grid Section with Grid and Flex-Box

    1
    Andy•140
    @AStombaughPosted 4 months ago

    Good job! Your layout reduces from desktop to mobile really well! My layout also ended up being a little bigger than the design, which is probably just a matter of adjusting the font sizes.

    0
  • Andy•140
    @AStombaughPosted 4 months ago

    Using translate to position the left and right cards was brilliant! I wish I had thought of that, it would have saved me quite a bit of time. Well done!

    0
  • Andy•140
    @AStombaughPosted 5 months ago

    Good job, love the simplicity of your solution! It does look like you're missing the :focus state on mobile though

    0
  • Fadya•290
    @MaxCoder-mcSubmitted 5 months ago
    What specific areas of your project would you like help with?

    Please help me with the way my page browsing, there is a problem with the display i can't figure it out... when i inspect the solution there won't be any problems

    Recipe page using HTML and CSS

    1
    Andy•140
    @AStombaughPosted 5 months ago

    On the <body> tag in your media query, I would remove the height: 100vh; or change it to min-height: 100vh as it's causing your content to be larger than the browser window, forcing me to scroll out to see the entire layout.

    0
  • Andy•140
    @AStombaughPosted 5 months ago

    Good job! The vertical spacing is a little off on the name, location, and description lines, but otherwise, you got it really close to the design prompt! :)

    Marked as helpful
    0
  • Andy•140
    @AStombaughPosted 5 months ago

    If you want the styling of the box shadow to match more closely to the design, change the "5px" in the code to "10px 12px 0px var(--Black)". That third value creates the blur radius.

    0
  • Rowan Pereira•330
    @rowanroosterSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    The HTML+CSS was straight forward - tried using flexbox to get the component aligned vertically and horizontally but went with CSS translate in the end. Next time I'll be making sure my environment works properly and that I can use some Sass

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

    Figuring out how to get Sass working without an extension for compiling.

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

    What is the best way to get Sass into your project? I tried using Vite - will try that again but is the 'Live Sass Compiler' by Glenn Marks worth it?

    QR Code Component using HTML5 and CSS

    2
    Andy•140
    @AStombaughPosted 5 months ago

    Good job! :) If you want to achieve a drop shadow similar to the original design file, one way to do so is by using the box-shadow CSS property: https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow

    Marked as helpful
    0