Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

NEWS HOMEPAGE

mathlimam 50

@mathlimam

Desktop design screenshot for the News homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

@sasanqc

Posted

Hi, your desktop version looks good, but your solution must be responsive. I give you some tips . I hope it be helpful:

  • you used div element for most cases. it is not the right way. use p and h tags for text .
  • do not use different class names for similar elements. as you wrote:
<div class="item new2"><p>The Downsides of AI Artistry</p>
          <div class="paragraph">Will What are the possible adverse effects of on-demand AI image generation?</div></div>
        <div class="item new3"><p>Is VC Funding Drying Up?</p>
          <div class="paragraph">Private funding by VC firms is down 50% YOY. We take a look at what that means</div></div>
  • do not use px unit, use rem instead for responsiveness. you can take a look at my solution. it may help you . KEEP GOING!
0

Please log in to post a comment

Log in with GitHub
Discord logo

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