Skip to content
OverviewSolutions
21
Comments
8
BozJR
@BozJR

All comments

  • BozJR•260
    @BozJR

    Fair play this is awesome well done !!!

  • Sam Hooker•780
    @35degrees
    What are you most proud of, and what would you do differently next time?

    I spent too much time in the weeds fine tuning pixels, gaps, box-widths, etc in order for it to work on three media queries. I'd like to spend more time planning next time.

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

    Learned a lot about the usefulness of 'justify-self' when moving images around within grid. Had to undo a Flex layout for a Grid layout on the hero section for the tablet, figuring out how to move the text button the circle images was tricky

    responsive for mobile, tablet desktop, including grid, overlays, flex

    1
    BozJR•260
    @BozJR

    This looks fantastic as far as i can see, the only thing i will say is that maybe the gaps/spaces between elements seems a little off in comparison to the actual design.

  • BozJR•260
    @BozJR

    Looks bang on that does!! better than mine lol.

  • BozJR•260
    @BozJR

    Code looks amazing! well done

  • Bred•40
    @MirrorIce
    What are you most proud of, and what would you do differently next time?

    What I would do differently is to look twice at the elements I could use or need.

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

    The table was a bit of a headache, but luckily the documentation/online resources were comprehensive. Also setting the lists' boundaries was pretty challenging.

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

    How to structure the CSS code in a more efficient manner. I feel like I could've done better there.

    Recipe page using HTML+CSS

    1
    BozJR•260
    @BozJR

    This code and outcome looks great! , only thing i can really see is that the paragraphs in the Instructions section don't flow like they do in the design.

  • BozJR•260
    @BozJR

    Looks amazing TBF you have done a good job, only thing i will say is that your HTML code needs a little tidy up possibly remove the notes from the download and remove the white spaces.

    Marked as helpful
  • BozJR•260
    @BozJR

    This looks spot on and a great job i must say, so well done.

  • Raashid Arquil•40
    @Rvvshid04
    What are you most proud of, and what would you do differently next time?

    I would like to have known a better way to make the design responsive, like using media queries but I didn't see the need to so in this project. Perhaps there was a better way for the padding/margins to be coded in the way they were coded.

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

    Not much...had some IDE issues, but got it resolved.

    QR-Card Component developed using html, CSS and the resources provided

    1
    BozJR•260
    @BozJR

    Your code is quite well-structured for someone new to web development! Below are some suggestions and constructive feedback that could help you improve it further:

    Your document structure is good. Consider using more semantic HTML5 elements such as <main> for the main content area.

    Great job so far, and keep up the good work!

    You have a small section of inline styles within the . It's usually better to keep all your styles in an external CSS file for better maintainability

    Marked as helpful