Skip to content
Submitted 8 months ago

Html, css

Valchali•100
@Valchali
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

Solution retrospective

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

I won't say am proud of anything, but am thankful for this rare opportunity to learn and practice.

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

Media querry

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

I need an overall critisim to help point out all my flaws, cos i kinda know and not perfect yet

Community feedback

  • Harsh Kumar Dwivedi•740
    @Harsh-Kumar-DwivediPosted 8 months ago

    Hi @Valchali ,

    I think you can prefer to use <main> element instead of <div class="container"> and <h1> instead of <h2> here <h2>HTML & CSS foundations</h2>.

    These will improve accessibility.

    It will be better if you give container class a specific value in the max-width property and then try to fix the design without using media queries.

    These should center the card properly.

    Try using following code for giving <h2> color yellow in hover state:-

    h2:hover {
color: hsla(49, 100%, 72%, 0.938);
}

    If you find my suggestions helpful, kindly, please consider marking them as "Marked as helpful".

    Stay Happy and Healthy !

    Happy Coding ! 😀

    Marked as helpful
    1
  • Portal681•30
    @EkoNdongAyecabaPosted 8 months ago

    Hi @Valchali

    I noticed that your <span>Learning</span> need a padding and a margin-top, with that i think everything will be completely OK

    Have a good day

    0
    Valchali•100
    @ValchaliPosted 8 months ago

    @EkoNdongAyecaba please can be specific with the padding and a margin-top parameters that you recommend?? cos ive tried mine and the padding is pushing it up to cover the suppose space. Thank you

    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