Skip to content
Submitted 8 days ago

blog-preview-card-main

Vikas•120
@gitVikas898
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?

Finally I was able to make a responsive design for both mobile and desktop , I am proud that I am getting better at this slowly

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

I cant understand my design on desktop looks good on browsers like mozila, brave but it stretches on chrome and edge

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

Maybe practice more myself building layouts

Community feedback

  • Kamran Kiani•1,210
    @kaamiikPosted 8 days ago

    Hi. Congrats for doing this challenge. I noticed some points I wanna mention:

    • max-width should be in rem unit not px.
    • Try to use a proper CSS reset at the start of your CSS style. Andy Bell and Josh Comeau both have a good one. You can simply search on the internet to find them.
    • Elements that have hover effect are interactive. So because you have hover effects for your h1 then It needs to be a or button. Now you have to choose between a and button. If the element take you to a new page It should be an a tag and If do an action like submit a form or add to cart then It should be a button. In your challenge you have h1 and inside the h1 you have to wrap it into a interactive element too.
    Marked as helpful
    1
    Vikas•120
    @gitVikas898Posted 8 days ago

    @kaamiik thanks man will keep them in mind!

    1

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