Skip to content
Submitted 28 days ago

Blog-preview-card-main

Manisha3196•120
@Manisha3196
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 did okay job on this project.Next time i would like to maybe look for simple way and less code to design a button.

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

I had a challenge with git how to add files and to push the files after changing the commits and also i had problem with live url. but i read two-three posts for 2 or 3 time i understood and solved it.

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

I would like help on how to design the button in this project with less code than i used maybe if there is different way. I would like to use more flex or grid in styling the pages. Can you suggest where can i use the flex or grid in any way in this project. Thank you for your feedback.

Community feedback

  • KapteynUniverse•2,170
    @KapteynUniversePosted 28 days ago

    For less code on the button; you don't need to set a height, you can make it with padding. Remove height, change padding and width. Text align also seems unnecessary

    .button {
    padding: 0.375rem;
    width: fit-content;
    /* height: 25px; */
    /* text-align: center; */
}

    Change padding value as you want. Maybe padding: 0.25rem 0.5rem; to make it a bit more buttonish but i think that is a category name for the article.

    Since on the design there is a active state for the h2, it is probably a link to open that articles page, so writing <h2 class="name"><a href="#">HTML &amp; CSS foundations</a></h2> would probably be better. Also a cursor: pointer to the on hover effect on css.

    Don't worry about flex or grid, you will use them a lot on the future challenges :D

    Marked as helpful
    0
    Manisha3196•120
    @Manisha3196Posted 26 days ago

    Thank you for you feedback @KapteynUniverse

    0
  • ernieJohn•80
    @ernieJohnPosted 28 days ago

    good job

    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