Skip to content
Submitted about 2 months ago

blog-preview

Balint Csizmadia•230
@pencso
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Community feedback

  • Steven Stroud•11,870
    @StroudyPosted about 2 months ago

    Amazing job with this! You’re making fantastic progress. Here are some small tweaks that might take your solution to the next level…

    • Avoid using id selectors for styling in CSS because they are too specific and hard to override, making your styles less flexible and maintainable. Instead, use class selectors (.), which are reusable and more manageable, allowing for better control over your styles and easier updates.

    • Maby explore downloading the fonts and add them to your CSS with @font-face , Downloading fonts and using @font-face in CSS is beneficial because it improves performance by reducing external requests, provides better control over font styling, and ensures consistent rendering across different browsers and devices.

    You’re doing fantastic! I hope these tips help you as you continue your coding journey. Stay curious and keep experimenting—every challenge is an opportunity to learn. Have fun, and keep coding with confidence! 🌟

    0
  • MikDra1•6,920
    @MikDra1Posted about 2 months ago

    Well done, here are some things to review:

    • The @import rule for Google Fonts affects page load times; using a <link> tag in the HTML <head> is more efficient.

    • The p element has fixed sizes; ensure these are responsive or adjusted in media queries.

    • The footer is fixed at the bottom; ensure it does not overlap content on different devices.

    And that's it. I couldn't find any more. Congratulations! 🎉🎉🎉

    Hope you found this comment helpful 💗💗💗

    Good job and keep going 😁😊😉

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord