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

New-homepage

Zenek 150

@ZenekSolufka

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


All feedback is welcome. I dont know why on opera mobile version is so crack.

Community feedback

Mithun U 150

@Kratos-750

Posted

Hello @ZenekSolufka, that's a nice solution. This is a good start but looks like you are having trouble with making the site responsive which is a really eessential part of any website in today's world. But you dont have to worry to much since it's no big deal. You can refer to my Solution. I recommend you to rename your js.js file into something like script.js or index.js.

To enhance your code organization, consider renaming your "js.js" file to something like "script.js" or "index.js". I would be glad to review your code and identify potential issues, but unfortunately, I dont have time for that right now. However, tackling this task on your own will provide a valuable learning opportunity.

Given that you're new to this, allow me to share a CSS tip. You can effectively use variables in CSS by employing the following approach:

:root {
    --var_name : value;
}

This notation will enable you to define and apply variables throughout your stylesheet, enhancing consistency and maintainability. If you have any further inquiries or need additional assistance, feel free to ask. Hope reading this was worth your time :)

Marked as helpful

0

Zenek 150

@ZenekSolufka

Posted

Thank you for you feedback @Kratos-750 i have one question. To make this responsive is any like „short” method or i must do media in css on all resolutions? Because when i do challanges like this i only do css for deskop and mobile but the other resolutions is so bad and i need to know How to do this well

0
Mithun U 150

@Kratos-750

Posted

@ZenekSolufka No you don't have to do media queries on all resolutions. Try to tackle the responsiveness using flex wrap as much as you can. Js is usually used to make the navbar responsive like adding the hamburger icon like this project. Then again trying to style the website without js shows your skills in css but it's ok to use js. My suggestion is that you try to make websites responsive as much as possible without media queries and js. You don't have to worry much about it you'll naturally get it by making more project. These are just my suggestions, I'm also still learning.

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