Skip to content
Submitted over 1 year ago

News Homepage with React and CSS Flexbox

Jeremiah Chinwe•150
@JeremiahChinwe
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...News homepage
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Building this project triggered a question in me because I was using the desktop design to determine how I would begin the project with mobile design.

What's the recommended approach to front end development Mobile first or Desktop first approach?

Community feedback

  • Stanley Nadar•370
    @istealersn-devPosted over 1 year ago

    Congratulations! on completing project.

    It should always be mobile first approach unless you are building an application that is never meant for mobile. Quick feedback if this helps:

    1. It looks like you attempted the character 'W' for logo instead of the actual logo shared in the style kit
    2. Hover behaviors for button, New section items seem inconsistent
    3. HTML semantics state you don't need a <section> tag inside <header> instead you can use <nav> or other elements.

    Hoping these are helpful!

    Marked as helpful
    0
    Jeremiah Chinwe•150
    @JeremiahChinwePosted over 1 year ago

    @istealersn-dev Oh yes I did attempted character W 😔 I will fix that.

    1. Ok I will fix the hover behaviors.

    2. Wow! 👏 I just learned that now.

    Thank you so much Stanley for your constructive feedbacks. I truly appreciate you. I'm becoming better 😆

    0

Please log in to post a comment

Log in with GitHub

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