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

Responsive landing page for a News Home Page using tailwind and React

Vishnu_31 230

@vishnu-31

Desktop design screenshot for the News homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello, Everyone.

Completed the News Home Page challenge.

Used the GRID properties for the first time.

Had a great learning experience and it was fun.

Any suggestions are feedback will be helpful.

Thank you.

Community feedback

@HassanArafa53

Posted

as far as the mobile responsiveness it's great, but for the smaller screens it's not good I'm really sorry i'm not trying to put you down or make you feel bad. so let me explain this in the simplest way possible, whenever i try to put the page on a smaller screen and not on my 1920 x 1080 monitor , sidebar gets really big vertically and the header image just look oddly smaller, you need to work on the responsive side of small and big screens.

Marked as helpful

1

Vishnu_31 230

@vishnu-31

Posted

@HassanArafa53 Thanks for your feedback.

I have adjusted the font sizes to be better on different breakpoints now. And made the page closer to the design.

0

@HassanArafa53

Posted

Plus everything looks really huge from fonts to imgs in the end of the page.

1

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