Skip to content
OverviewSolutions
7
Comments
6
P
WebDevJoe
@JoeWebDevelopment

All comments

  • JacobKnittle•110
    @JacobKnittleSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    making something with a mobile first approach

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

    using srcset on an image to use multiple images depending on the screen size

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

    the photo seems to switch to the desktop layout when on mobile when resizing the screen even though it is under 1440p. If there is a way to prevent that from happening it would be appreciated if there is an alternative.

    Product preview card with html and vanilla css

    2
    WebDevJoe•70
    @JoeWebDevelopmentPosted 6 months ago

    Just from looking at the code, you made a set width on a lot of things. I made mine a set min/max width to get the responsivity that might help some with the issue of the image. I also would have used flex, or grid on the card container.

    0
  • JacobKnittle•110
    @JacobKnittleSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    making something with a mobile first approach

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

    using srcset on an image to use multiple images depending on the screen size

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

    the photo seems to switch to the desktop layout when on mobile when resizing the screen even though it is under 1440p. If there is a way to prevent that from happening it would be appreciated if there is an alternative.

    Product preview card with html and vanilla css

    2
    WebDevJoe•70
    @JoeWebDevelopmentPosted 6 months ago

    Just from looking at the code, you made a set width on a lot of things. I made mine a set min/max width to get the responsivity that might help some with the issue of the image. I also would have used flex, or grid on the card container.

    0
  • adonesguerreiro•50
    @adonesguerreiroSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    Despite the difficulties, I managed to do my best, especially in CSS.

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

    The responsive part was quite challenging, but I believe I can improve a lot.

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

    Mainly CSS related to the responsive part.

    Recipe page main with HTML and CSS

    1
    WebDevJoe•70
    @JoeWebDevelopmentPosted 6 months ago

    I see you handled the problem of spacing the lis from their markers differently than me. using content " "; I solved this by adding padding-left on to the list-items hopefully this works for you.

    I also noticed you added the pink background to the prep, something that isnt in the 'design'; I also had this and later checked the figma for that to be missing. I'm not sure if that was just a fever dream I had of seeing that, but it seems it wasn't.

    Marked as helpful
    0
  • fortunethecoder•60
    @fortunethecoderSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    i was proud of bulding this am looking for new ways of bulding this same thing

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

    no

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

    pls guys check my code and give me feedback thanks.

    mobile first, semantic html, flexbox, custom css properties

    1
    WebDevJoe•70
    @JoeWebDevelopmentPosted 6 months ago

    I noticed you didn't do a hover effect for the links.

    I think the correct way would be to use :hover, and make the links/li buttons and just styling them a specific way and hover to change the text to black and background to green.

    I also would have used ul/li and class names such as list-items on parent and list-item/link-item on the children as opposed to P.

    Good first run through though.

    0
  • jgambard•340
    @TripouilleSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Nothing in particular, but I'm happy to practice without any framework.

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

    How to use variable fonts, I ask google as always.

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

    Any thoughts on my HTML?

    HTLM / CSS

    1
    WebDevJoe•70
    @JoeWebDevelopmentPosted 6 months ago

    Only difference I can visibly see is the difference in font-weights on the title.

    Otherwise looks very similar to the design.

    0
  • Kehinde Ajasa•10
    @TechWithKenSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I am soo proud of the extra features I added, and next time, I would ensure I add animations and do it a lot faster

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

    Non responsive designs and alot of issues with padding and margins while working on project. I overcame them by using chatgpt and stack overflow

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

    More help on css animations and boxes creation

    Responsive QR code scanner page using css

    1
    WebDevJoe•70
    @JoeWebDevelopmentPosted 6 months ago

    Nice hover effect.

    0