Skip to content
OverviewSolutions
20
Comments
7
P
BozJR
@BozJR

All comments

  • Sam Hooker•610
    @35degreesSubmitted 3 months ago
    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•250
    @BozJRPosted 3 months ago

    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.

    0
  • BozJR•250
    @BozJRPosted 4 months ago

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

    0
  • BozJR•250
    @BozJRPosted 4 months ago

    Code looks amazing! well done

    1
  • Bred•40
    @MirrorIceSubmitted 4 months ago
    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•250
    @BozJRPosted 4 months ago

    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.

    1
  • BozJR•250
    @BozJRPosted 4 months ago

    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
    0
  • BozJR•250
    @BozJRPosted 4 months ago

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

    0
  • Raashid Arquil•40
    @Rvvshid04Submitted 4 months ago
    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•250
    @BozJRPosted 4 months ago

    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
    0