Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • VANI MITTALβ€’ 160

    @vanimittal1304

    Submitted

    What are you most proud of, and what would you do differently next time?

    I'm proud of how far I've come in understanding and applying CSS. Each project I work on helps me improve my skills, and seeing tangible progress is rewarding. Next time, I would aim to plan my projects more thoroughly from the outset, considering potential challenges and solutions in advance. This proactive approach would likely lead to smoother development processes and more polished final products.

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

    Encountering challenges in web development is common, and overcoming them often involves a combination of research, experimentation, and persistence.

    Making Grid: Grid layouts can be tricky to implement, especially when dealing with complex structures. To overcome this challenge, I first ensured a clear understanding of CSS grid properties and how they interact. Then, I broke down the layout into smaller components and tackled them one at a time, testing and adjusting as needed until achieving the desired grid structure. Media Queries: Media queries are essential for creating responsive designs that adapt to different screen sizes. To overcome difficulties with media queries, I referenced documentation and tutorials to understand the syntax and usage effectively. I experimented with various breakpoints and tested the layout across different devices to ensure responsiveness. Background Design of First Div: Implementing a background design, especially with opacity, requires careful consideration of CSS properties. To address this challenge, I experimented with background colors, gradients, and opacity settings to achieve the desired effect. I also adjusted z-index values to ensure proper layering of elements. Unsolved Challenges: Some challenges may require further research or troubleshooting. If the background design and media queries are still unresolved, I would revisit the CSS code, double-checking syntax and property values. Additionally, seeking assistance from online communities or forums can provide valuable insights and solutions from experienced developers.

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

    For assistance with the media query section of your project, please provide more specific details about the issues you're encountering or the changes you'd like to make. Are you having trouble with the syntax, the responsiveness of elements, or achieving a specific layout at different screen sizes? Providing more context will help me offer targeted guidance or solutions.

    vvβ€’ 140

    @dblvv

    Posted

    choosing the right font color is key. i would recommend centering main each time or at least adding some top margin. most projects here seems to fit. using flexbox for that is what i suggest.

    Marked as helpful

    0
  • P
    mrcordovaβ€’ 1,160

    @mrcordova

    Submitted

    What are you most proud of, and what would you do differently next time?

    I like how the layout came out especially with the middle cards.

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

    I was having a bit of trouble getting the images in the card to fit, I added flex to the images and that constrained them to their container.

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

    I welcome any general feedback, and I was curious how I could make the middle cards be the exact size of the other cards in desktop mode.

    vvβ€’ 140

    @dblvv

    Posted

    font is dubious, can fit but id stick with the provided one. seems like you also forgot to change to bg of div to white xd

    1
  • Divadovitchβ€’ 190

    @Divadovitch

    Submitted

    What are you most proud of, and what would you do differently next time?

    To use Grid and Flexbox on the same project and add aria attribute in HTML.

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

    First I tried to use only flexbox, but didn't manage to wrap the elements correctly, then I used CSS grid to do the job.

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

    For that project it's ok but if you know a good article talking about flexbox, more precisely how to control exactly (with size or other) the point where the wrap option occur on flexbox.

    vvβ€’ 140

    @dblvv

    Posted

    how can people replicate so accurately like this, you will hear no good advice from me, couldnt have done it any better

    0
  • CodeHeavenβ€’ 160

    @twobottles2092

    Submitted

    What are you most proud of, and what would you do differently next time?

    This was my first challenge here so I am expecting a little mess but I am proud

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

    The responsiveness and some elements I just knew when i coding

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

    Responsiveness

    vvβ€’ 140

    @dblvv

    Posted

    Code structure is very easy to follow.

    Within instructions list items should have margin or padding. Those should be spaced apart.

    Spacing between nutrition table's item should be also more clear.

    Headings seem to have the wrong font weight.

    Those aside, great solution.

    Marked as helpful

    0
  • vvβ€’ 140

    @dblvv

    Posted

    Pretty much spot on.

    Font sizes between headers should be more clear.

    Spacing need some work.

    0
  • magv01β€’ 40

    @magv01

    Submitted

    What are you most proud of, and what would you do differently next time?

    Getting the design close to the figma design

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

    focus state for the H2. I put an anchor tag inside of a H2 element

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

    In terms of semantics could this be written better? also is an anchor tag inside a H2 the best way to make the "link" accessible for someone only using a keyboard? I could find online this was one way to be able to put a focus state on the title but not sure it's the best way

    vvβ€’ 140

    @dblvv

    Posted

    Scaling on point. Uncanny.

    I do prefer classes and the > operator over your extensive use of classes. Though I of course don't know what is the standard. Just seems overwhelming from the perspective of a beginner.

    0
  • Robertβ€’ 40

    @RobertLikesCoding

    Submitted

    What are you most proud of, and what would you do differently next time?

    I'm proud of having been able to create this without needing to look for help. I wish though I would have known a way for how to center the card without using Flexbox.

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

    I got stuck when I was trying to put the QR image into a div. The image kept being bigger than the div. I couldn't make it work so I removed the div and got it working without it.

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

    Making Images fit divs. Positioning them too.

    vvβ€’ 140

    @dblvv

    Posted

    • Scaling is near indistinguishable.
    • Seems like some adjustment to the shadow effect could help - looks like it should only be on the bottom.

    Marked as helpful

    0