Skip to content
Submitted 7 months ago

News Homepage Using ITCSS with SCSS

YhoshuaBernal•70
@YhoshuaBernal
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

What challenges did you encounter, and how did you overcome them?
  • Build a responsive page for different screen sizes with interactivity using JavaScript.
  • I used ITCSS architecture along with SCSS for its ease of reading and writing for a more modular and scalable design.
What specific areas of your project would you like help with?
  • It's my first time using a CSS architecture, I would greatly appreciate feedback.❤️

Community feedback

  • Selvy Atef•200
    @Selvy2004Posted 7 months ago

    • The background-color shouldn’t be #fff it should be off white(hsl(36, 100%, 99%);)

    • And you should put more white spaces in your web page, like margin between navigation and the main section, and I guess you used css grid to make the main section, use more gap (like the gap between the photo and text, and the gap between the photo and the right part( the new part)

    • the space between text and read more button should be bigger

    • You should make h1 or the main title, bigger and bolder

    • In aside, title number 2, in bigger screen is in two lines and it is not good, it should be in one line.

    • The word (New) should be bigger and bolder

    • And the logo should be bigger.

    I hope it is helpful for you, and good luck:)

    Marked as helpful
    1
    YhoshuaBernal•70
    @YhoshuaBernalPosted 7 months ago

    @Selvy2004
    Although it is not perfect, I finished the changes you mentioned, thank you very much for your feedback. 🙃

    1

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