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 challenge using React

KC 60

@KC900201

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


  1. Difficulty in setting CSS configuration in React. Will consider using sass/scss in future
  2. Since react framework usage is the first try, will have to study on the react development cycle in the official site react-js.org
  3. Seeking professional guidance on React framework

Community feedback

Serena 90

@pixelRena

Posted

Hello,

A couple of improvements could be made to the CSS. I believe adding some padding to the body and adjusting the font-size a bit more could help make the layout.

You mentioned you had troubles with the CSS in react, I am unable to view your code for a better outlook, but you could consider creating a styles or css folder in the "src" folder and contain all of your css there.

As for importing css, this is by preference on where you want to import it. For example, if you want to use index.css, you can import it inside of App.js at the top of the file with: import "./styles/index.css";

From there all of your components can use the css file.

Marked as helpful

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