Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • P

    @cacesasa

    Submitted

    What are you most proud of, and what would you do differently next time?

    I'm proud that the final product looks really close to the original. I'm always looking to improved, so if I see a better way to implement the solution I will apply to it.

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

    Nothing in particular this time.

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

    I'm always looking for feedback and comments on how to improve my code. Thanks

    zxc-w 80

    @zxc-w

    Posted

    Amazing work, Carlos!

    I don't have anything to add except that you should try using the required font for the challenge.

    Otherwise, your solution is awesome. Well done!

    1
  • P

    @MK013467

    Submitted

    What are you most proud of, and what would you do differently next time?

    For the next time I would like my code to be better structured and in succinct.

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

    It was an easy task.

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

    Nothing

    zxc-w 80

    @zxc-w

    Posted

    You did great!

    I think all you need to take care of is to implement a media query to make it look good on a narrow screen devices as well, like reducing the padding of the main element a bit.

    0
  • zxc-w 80

    @zxc-w

    Posted

    Great work abdullah. You managed to design it correctly as needed.

    Try to implement media queries for mobile screens to make it responsive and suitable for such screens.

    0
  • @MuhReski287

    Submitted

    What are you most proud of, and what would you do differently next time?

    I applied CSS Flex to this challenge which makes each element look neater and maybe next time I will use a grid to replace flex in arranging the position

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

    adjust the width of what I made to what is in the design source. the way to solve it is just to estimate it

    zxc-w 80

    @zxc-w

    Posted

    Awesome. You used flexbox correctly and on point.

    I have a few simple suggestions:

    1. In your .tag selector, instead of using width: 75px; you can use something like width: fit-content; or width: min-content; to make the width just as much as the content inside it.

    2. In your .person you used flexbox which is correct but if you make the image bigger, you will notice that they are not on the same horizontal line. You can use align-items: center; to center them vertically and they will appear on the same line.

    For mobile devices, you should use media queries to make it a little smaller and more suitable for those devices.

    Marked as helpful

    0
  • zxc-w 80

    @zxc-w

    Posted

    Great Work! It's good on different screen sizes and responsive.

    I think in your media query for min-width:1000px, if you make the width 300 pixels will be better as it's a little too big with 400 pixels.

    and make the text also slightly bigger.

    Marked as helpful

    0