Skip to content
OverviewSolutions
4
Comments
5
P
Bruno Campos
@besopmac

All comments

  • Bruno Campos•80
    @besopmacPosted about 1 month ago

    The result is not bad, but it can be easily improved. Maybe you should review the font-sizes and spacings.

    Marked as helpful
    1
  • Bruno Campos•80
    @besopmacPosted about 1 month ago

    The result is not bad, but it can be easily improved. Maybe you should review the font-sizes and spacings. Tailwind allow to set custom colors, font sizes and a plenty of settings. Please, take a glance in the TailwindCSS documentation.

    Marked as helpful
    1
  • Ardian Fazri•30
    @aredeanSubmitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I think this is the second challenge that I believe is pixel-perfect, and hopefully, I will continue to practice it. I will probably still use angular to create some components in some future challenges, I want to focus on this. This time I used my other knowledge, namely tailwind-css, because it is quite time-consuming to create a responsive style, especially for several card components more than one.

    In the future, I will pay more attention to pixel-perfect and more carefully in mobile mode because this is tricky and needs to be considered more carefully.

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

    In this challenge I re-learn how a css media query works, in this challenge I am required to create two different versions, namely desktop and mobile, and both have slight differences.

    • I use @media screen and (max-width: 375px) { // Style used } to change the style of the card component on the mobile screen.

    The next challenge is to use transition animations when hovering, active, and focusing.

    • For this, my solution is to create a global transition for all types of transitions by adding CSS : * { transition: all 0.25s ease }

    Blog Preview Card Component for Angular 18 with tailwind-css

    1
    Bruno Campos•80
    @besopmacPosted about 1 month ago

    Nice pixel-perfect!

    0
  • Bruno Campos•80
    @besopmacPosted about 1 month ago

    The result is not bad, but it can be easily improved. Maybe you should review the font-sizes and spacings. Tailwind allow to set custom colors, font sizes and a plenty of settings. Please, take a glance in the TailwindCSS documentation.

    0
  • Bruno Campos•80
    @besopmacPosted over 3 years ago
    This comment was deleted over 3 years ago
    0