Space tourism website solution Flex, Grid, Components, JS DOM
Design comparison
Solution retrospective
How's the website look in your devices? What problems did you encounter? Is my code readable for you? What suggestions would you like to make for the improvement on design, the code structure and the committed file structure on my GitHub? What do you like about this project? Thanks ahead. Have a good night.
Community feedback
- @Tim-jnPosted over 2 years ago
Great job !
I think there are size issues in tablet mode on the technology page, content is bigger than the window
Marked as helpful2@nottohavePosted over 2 years agoHi @Tim-jn , thank you for pointing it out. I fixed the content font-sizes on the technology page.
0 - @denieldenPosted over 2 years ago
Hi Fay, I took some time to look at your solution and you did a great job!
I see that in the mobile menu has some problems: firefox does not support the css
backdrop-filter
property, you can add an exception in firefox by putting a solid color there only through@supports
, look here:Also try to add a little
transition
on the element with hover effectOverall you did well π
Hope this help and happy coding!
1@nottohavePosted over 2 years ago@denielden I am not a big fan of copying and pasting comment because I feel like I am talking to a bot. Kevin did address about the backdrop-filter problem on Firefox. My code does have backdrop-filter and @support when I submit them in GitHub. I strongly suggest you read my CSS code and provide a more throughout feedback. It will help you and anyone else become a better developer :)
1@denieldenPosted over 2 years ago@nottohave Quiet you are not talking to a bot π
I saw that in your code you entered
@support
but in line 347 of yourstyle.css
as you can see you rewrote thebackdrop-filter
property which is executed in any case, so much so that when I looked at your menu it was illegible because applied the filter and was practically transparent.Now I see that the background to line 380 changed but as you can see from the developer console you can find just below the class with the
backdrop-filter
property crossed out. Sobackdrop-filter
must be written exclusively inside@support
I hope it is clearer now. Keep it up!
Marked as helpful1@nottohavePosted over 2 years ago@denielden I will leave the original code be. I think commenting about backdrop filter is not helpful for you and the person doing the project because many of your comments are repeating the same thing over when the @support for backdrop-filter is not working on Firefox. I have also seen a person replied back to this sort of problem from your comment which said the same thing. So I decided to comment the @support backdrop filter out. This is something that Firefox should look at and give an update. I am unsure if @support for other features would work on Firefox because I have not tried it out. But anyways, if this sounds harsh I'm sorry, thank you for looking at my code.
1
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