Submitted 4 days ago

Blog-preview-card-main

Manisha3196• 100

@Manisha3196

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Blog preview card

HTML
CSS

1newbie

View challenge

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• 1,070

@KapteynUniverse

Posted 4 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 & 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

Manisha3196• 100

@Manisha3196

Posted 2 days ago

Thank you for you feedback @KapteynUniverse

ernieJohn• 60

@ernieJohn

Posted 4 days ago

good job

Please log in to post a comment

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