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

Css Grid, javascript, flex-box

luigi2505 40

@noobmaster25

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


Cheers! I am an apprentice, any constructive suggestion is welcome

Community feedback

@anshal1

Posted

You have done a very good job, but you forgot to add "cursor: pointer;" for navbar elements and for some other elements and you did not use the right font if you do not know how to use the static font style in CSS. Here's how;

@font-face { font-family: your-font-name; src: url("/path/to/static/font"); }

You should have gotten the static font file when you download the challenge zip file. And fix the alignment of your page for tablet-size devices.

You did Great, Keep up the good work

0

@DranzerSv

Posted

Hi you did a really good job making this challenge. Something that would help you to do it even better is to change the font family, I remember that this font is included in the starter zip, if you are not comfortable installing it on your PC, you can search that specific font in Google fonts, there are some good tutorials on Youtube. In the other hand you can play with the line-height property of CSS to reduce the space between lines of every text. Sorry for my English, it is not my native language.

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