Design comparison
Solution retrospective
All feedback is welcome. I dont know why on opera mobile version is so crack.
Community feedback
- @Kratos-750Posted about 1 year ago
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 helpful0@ZenekSolufkaPosted about 1 year agoThank 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@Kratos-750Posted about 1 year ago@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 helpful0
Please log in to post a comment
Log in with GitHubJoin 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