Skip to content
OverviewSolutions
4
Comments
6
Victor Resines
@VictorResines

All comments

  • Victor Resines•110
    @VictorResinesPosted almost 2 years ago

    Hi @annaindistress!👋🏻

    Great work, looks exactly the same. I would just work in the layout for mobile and the mobile hamburguer menu.

    Good job! Happy coding! 🙂

    1
  • Victor Resines•110
    @VictorResinesPosted almost 2 years ago

    Hi @Willie10r 👋🏻

    I recently completed this challenge too!

    I would recommend to use the grid property in a container for all the elements below the header, that way you will get all the elements perfectly aligned with each other.

    You can learn more about css grid in this video

    Also you can see my solution here. Not perfect but it may be useful.

    Hope you find this helpful Happy coding and if you have any suggestions for my solution you are welcome =)

    0
  • Victor Resines•110
    @VictorResinesPosted almost 2 years ago

    Hi @stanleydalziel! 👋🏻

    Good to see you here completing more challenges!

    Answering to your question: "Is there a way to adjust the vertical spacing between items in flex-box column"

    I think the property you are looking for is gap and you need to add it in the flexbox container, the value could be specified in pixels. That will set the spacing between the items of your flexbox.

    You can refer to this article

    Hope you find it helpful, i am here if you have any further questions! 🙂 Happy coding =)

    Marked as helpful
    0
  • Victor Resines•110
    @VictorResinesPosted almost 2 years ago

    Hi @roxana-lupu!

    I just did this challenge on the weekend =)

    I noticed is that the shadow for the card is missing.

    To achieve this you could add a box shadow on your .card_container

    I used the following parameters: box-shadow: 0px 20px 30px 10px rgba(0, 0, 0, 0.05);

    These values refer to: offset-x | offset-y | blur-radius | spread-radius | color

    You can fin out more about box shadow >here

    Hope you find these feedback helpful! Everything else looks good to me, happy coding!

    0
  • MordenWebDev•500
    @MordenWebDevSubmitted almost 2 years ago

    i have doubt why i am unable to have the border radius for the image at a 4 side which are not equal. what do you think about it. any feed back or suggestion is always welcomed. i have used internal CSS for this challenge. community comment and suggestion motivate me lot . thank you.

    QR_Code_Component with internal CSS ad flex box

    4
    Victor Resines•110
    @VictorResinesPosted almost 2 years ago

    Hi MordenWebDev!

    I just did this challenge on the weekend.

    What I noticed is that the shadow for the card is missing.

    To achieve this you could add a box shadow on your '.card_container' .

    I used the following parameters: box-shadow: 0px 20px 30px 10px rgba(0, 0, 0, 0.05);

    These values refer to: offset-x | offset-y | blur-radius | spread-radius | color

    You can fin out more at: https://developer.mozilla.org/es/docs/Web/CSS/box-shadow

    Hope you find these feedback helpful! Everything else looks good to me, happy coding!

    0
  • Victor Resines•110
    @VictorResinesPosted almost 2 years ago

    Hi Shivangi!

    Welcome, just did my first challenge too =)

    I notice that the QR image is not on the repository. To solve the QR Code missing image you need to upload your project images folder to the repository.

    The easiest way I found to do this is to drag and drop the folder from your desktop to your repository page.

    And as @Hassiai says, also change the file path of the image as they did in the href of the favicon with a ./ at the beggining:

    <link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">

    So your path should end up like this:

    <img src="./images/image-qr-code.png">

    I hope you find this helpful!

    Good luck and Happy Coding!

    Marked as helpful
    0