Skip to content
OverviewSolutions
23
Comments
4
Luciano Oliveira
@LucianoOliveira1

All comments

  • NikoFilou•30
    @NikoFilouSubmitted about 2 years ago

    Feel free to give me feedback on my code. Somehow my images don't load. Any solutions?

    Product Preview Card

    3
    Luciano Oliveira•300
    @LucianoOliveira1Posted about 2 years ago

    Hello NikoFilou, the image is not loading because this missing a dot in the src of the img tag (<img src="/images/image-product-desktop.jpg" alt="Product Image">).

    Try adding a dot before the first bar (like this = <img src="./images) and see if it works!

    Congratulations on your work!

    2
  • Neil Kanakia•300
    @neilk17Submitted about 2 years ago

    Overall this challenge wasn't too difficult 🤟

    The areas I'm unsure of:

    • The 3 social media icons
    • Resizing the logo for mobile
    • Background image positioning

    Huddle Landing page

    1
    Luciano Oliveira•300
    @LucianoOliveira1Posted about 2 years ago

    Hello Neil Kanakia! First of all, congratulations for your work!! About social media icons, you can try using ionic (https://ionic.io/ionicons/usage). Here's a step-by-step guide on how to import and make the necessary changes! I hope I was able to help you with this part!

    And about the logo, I didn't understand your question very well because as far as I could test, it's working correctly.

    0
  • Mohieb•90
    @dev-mohiebSubmitted about 2 years ago

    I did NOT expect this one to be as hard as it was. This might not pass me the challenge. What other way could I have done it so that it's responsive throughout the 1440px - 375px resolutions?

    Flex kept scaling the sizes in a weird way which made the columns appear out of sync when I'm testing for responsiveness. Delete the media queries to see what I'm talking about.

    Sigh, where do you think I should focus so that I learn from my mistakes here? Thanks for answering. Also, there is no readme file because I'm too frustrated to write one.

    3 columns

    2
    Luciano Oliveira•300
    @LucianoOliveira1Posted about 2 years ago

    Hello MOHIEB'S! First of all, congratulations for the project because it turned out very good. I'm starting in the area and I identify with you when you say you're frustrated, there are times when it's just like that. But don't give up, there are amazing people here and always very willing to help!

    Regarding your problem with the size, I believe that what is causing the card to not respect the size is the .column{max-width: 650px;} inside the media queries for 840px. Removing it, the cards are within the size established initially.

    0
  • Luciano Oliveira•300
    @LucianoOliveira1Posted over 2 years ago

    Good job, buddy!

    0