Skip to content
OverviewSolutions
21
Comments
7
Da
@DaTheDumbGuy

All comments

  • Leow Wei Lee•50
    @LeowWeiLeeSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    CSS coding with root section and also using of unit REM instead.

    Did not realize have image for the mobile version and studied how to process the image for cut off instead of having the image stretching.

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

    Using Goggle for searching on how to write the CSS for certain requirements.

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

    CSS coding and HTML coding standards. Right now still fine tuning and to trying to coding more neat and efficiently.

    product-preview-card-component-main

    1
    Da•360
    @DaTheDumbGuyPosted 4 months ago

    Try adding width: 50%;. This sets the image width relative to the container, preventing the image from stretching the container.

    .product-image {
   border-radius: 0.8rem 0rem 0rem 0.8rem;
   resize: both;
   width: 50%;
} 
I hope this helps, cheers (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
    Marked as helpful
    0
  • Da•360
    @DaTheDumbGuySubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Again, I'm using light theme on VS code. (⌐■_■)

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

    Not used to sass. I'm trying to adapt on it.

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

    Any opinion helps. A little help on how to use sass effectively will help me a lot! Go easy on me though. Cheers! (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧

    Solution using Sass

    3
    Da•360
    @DaTheDumbGuyPosted 7 months ago

    I read on someone's work having a suggestion of using mix-blend-mode: multiply on the image overlay. I never heard about it, but it works perfectly. ¯_(ツ)_/¯

    0
  • Da•360
    @DaTheDumbGuySubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Did it under an hour. I'm newbie btw, months of experience at most. (⌐■_■)

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

    (⌐■_■)

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

    (⌐■_■)

    Solution using Flexbox (HTML | CSS)

    1
    Da•360
    @DaTheDumbGuyPosted 7 months ago

    oof, the title and button's text color are wrong Lol.

    0
  • Luan Tanizaki•10
    @Luanzinh0s2Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I had difficulty measuring the divs and getting them to the right sizes, I also couldn't make the site 100% responsive

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

    I had difficulty making the measurements and also the lines separating some parts, so I did them by creating an exclusive and separate div

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

    I need help making the website responsive and how to make it more symmetrical and aligned with the right measurements

    page made with html and css

    1
    Da•360
    @DaTheDumbGuyPosted 7 months ago

    Hey there!

    I noticed that you used padding on the body, probably for desktop/Tablet screen sizes. However, it seems to affect smaller screen sizes, causing the content to be squished.

    I suggest learning about media queries. They allow you to adjust paddings, margins, and other styles based on screen sizes.

    I hope this helps. Cheers! ヾ(⌐■_■)ノ🥂

    0
  • KrishnaPoddar1•400
    @KrishnaPoddar1Submitted 7 months ago
    What specific areas of your project would you like help with?

    the clock and the text are not getting placed together on the same line.

    Any other advice or suggestion will be helpful

    Responsive NFT Card using HTML and CSS

    1
    Da•360
    @DaTheDumbGuyPosted 7 months ago

    Hey there! I've encountered that issue myself while working on this project. I'd suggest adding some margin or padding to the top.

    .icon-wrapper {
    align-self: center;
    padding-top: 5px;
}

    I hope this helps! Cheers! (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧

    0
  • KingSky•190
    @KingSkyrosSubmitted 7 months ago
    What specific areas of your project would you like help with?

    Actually, all help and suggestions are welcome

    social links profile

    1
    Da•360
    @DaTheDumbGuyPosted 7 months ago

    Hey there! I have a suggestion for you regarding your social media and links. Instead of using buttons, consider using anchor tags <a href=""></a>. They're great because they navigate users directly to a webpage, like your Instagram, GitHub, etc...

    Also, make some minor adjustments to the spacing and size of the profile image, and it'll look great overall.

    I hope this helps! Cheers! ヾ(⌐■_■)ノ♪

    Marked as helpful
    0
  • Da•360
    @DaTheDumbGuySubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    (⌐■_■)

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

    (⌐■_■)

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

    ( •_•)>⌐■-■

    Basic HTML | CSS

    1
    Da•360
    @DaTheDumbGuyPosted 7 months ago

    Bruh, It's always small. Even down there, at the bottom padding of course. The box-shadow of the card is missing too ajdshfkjhqekjqwhekjasdjqhwkek (╯°□°）╯︵ ┻━┻

    0