Skip to content
OverviewSolutions
3
Comments
3
Ritwik Pai
@CoiferousYogi

All comments

  • P
    Kai Waldrant•80
    @KaiWaldrantSubmitted about 2 months ago
    What challenges did you encounter, and how did you overcome them?

    I was having difficulties with getting the image correctly aligned. After looking online on youtube (kevin powell) I couldn't find it. Then I found it by accident when looking into new css features.

    blog preview card with flexbox

    1
    Ritwik Pai•50
    @CoiferousYogiPosted about 2 months ago

    You have done a really fine job in this. About your comment about new css features, can you please tell which features you're talking about? I would love to know from your side. Also, please let me know how did you make the calculations for the box-shadow.

    0
  • Ritwik Pai•50
    @CoiferousYogiPosted about 2 months ago

    I think you have submitted the wrong code.

    0
  • antonio•60
    @Antonio-Manoel-SSubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    Never, never link your repo with all the project files on a paste, inside the paste. The github site only read html on the root paste.

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

    The god darm Github Site that only read on root paste.

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

    The proportions of the main box, i dont get well what size of the padding and stuff.

    Qr Challenge

    1
    Ritwik Pai•50
    @CoiferousYogiPosted about 2 months ago

    Hello. I just came across your post. First of all, well done for completing a challenge. Every challenge helps to learn something or the other. If you don't mind, let me share some points which will help you to improve. Your basic design of the card is good. But some of the areas can be improved.

    1. The area around the QR Code image. In the design, you can see that it's an uniformly spread area. I achieved this using the padding property. You can do this too by applying a padding of, say, 1rem to the div element containing the QR code image.
    2. Secondly, the same for the text elements below. Add an appropriate padding so that the text does not appear crossing the boundaries of the image.
    3. Please change the colour of the text elements. It's easy to miss that. Please refer to the design template to get the colours and apply them accordingly.
    4. For your query about the sizes and proportions of the elements, it's really about practice. Most of the times, you will have to experiment a bit to get the correct proportions. The solutions do not have to be a carbon-copy of the design if exact proportions have not been provided. Suppose, for this particular example, the card div is approximately a rectangle with a ratio between 3:2 and 4:3. I did this by experimenting on the div. Hope this helps.

    Wish you the very best.

    Marked as helpful
    0