Skip to content
Submitted 7 months ago

CSS grid and JavaScript

ramiadi•190
@ramiadi
A solution to the Article preview component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

The javascript section.

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

I had problems with the layout.

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

Cna you give me tips about how the image and the box aligns with the same height? i had problems with it

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Lo-Deck•3,780
    @Lo-Deck

    Hi well done for this challenge,

    You need to use more semantic tag to improve your HTML, it's better for screen-reader and SEO.

    Like <div class="container"> to <main class="container">

    Use a div when there is no other choices, you can use section, article...MDN

    And for the css, It's easier to start with a mobile-approach FreeCodeCamp.

    You use @media only screen and (max-width: 500px) and a lot of !important that is not a good practice, I think you should try with the mobile first and then doing the desktop version you will see it's better to set the size.

    Hope to be helpful.

    Marked as helpful

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