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

Vishwas 90

@VishwasKalkur

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

@franklpjr

Posted

Hello! Congratulations, your work is great! You can improve the mouse hover effect in the three down tittle ("Reviving Retro PCs, Top 10 laptops 2022 and The Growth of Gaming..."). You used it on the bottom "read more" and on the navbar. I think you just forgot.

I hope you find this helpful.

Marked as helpful

1

Vishwas 90

@VishwasKalkur

Posted

@franklpjr Hey, thanks for the insight🙂. Actually, yeah I forgot..

0

@coderboi559

Posted

Hello, I noticed the layout of the page isn't aligned.

You could use grid templates on the whole aspect, to align everything according to the design. I would create 3 separate grid-columns and make the elements take up space, to align everything according to the design. To get the layout right.

I hope you find this helpful.

Marked as helpful

1

Vishwas 90

@VishwasKalkur

Posted

@coderboi559 Hey, thanks for the tip🙂. I'm kinda new to frontend development and I'm not that confident in CSS grids😥. I'm definitely gonna try out grid template. And yeah, I need to align the page properly..

0

@coderboi559

Posted

@VishwasKalkur You could go on scrimba for a hands on css grid tutorial. https://scrimba.com/allcourses

1
Vishwas 90

@VishwasKalkur

Posted

@coderboi559 Okay, thanks

0

@catherineisonline

Posted

For the background you can use rgba(254, 253, 249, 255) so it matches the design

1

Vishwas 90

@VishwasKalkur

Posted

@catherineisonline Okay, thanks

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