src/coreApp.vue is acceptable, or should I perhaps move styling and logic somewhere else.Could be better but i think the use of Divs.
What challenges did you encounter, and how did you overcome them?Designing the last part I used divs and border-bottoms but I know there is a better method. If you know please tell me
What specific areas of your project would you like help with?The bottom part.
Hey @Jumanji-21, regarding that bottom part, main problem is setting fixed height on .container class.
width: 800px; height: 2130px; border-radius: 12px; background-color: hsl(0, 0%, 100%); padding: 25px; margin-bottom: 50px; }
Remove it, and it should fix your overflow problem. Try to avoid setting height on elements, and if you have to do it consider relative units.
Good luck!
being able to work under pressure
What challenges did you encounter, and how did you overcome them?creating the project in short time
What specific areas of your project would you like help with?i think till now nothing , cuz the project was very easy
Hey @kiko19 congratulations on completing this challenge 👏.
I've noticed a one thing you could improve.
Make sure your headings are in order, right now you have h3 before h2.
Check this article for reference
Once again, congratulations on your work.
Best of luck! 🤞
I used styled components for the first time. Next time I'll minimize the use of unnecessary nested styled components, preferring instead to style simple tags within them. Overall, I liked the flexibility styled components offered for dynamically changing styles.
What challenges did you encounter, and how did you overcome them?Ensuring responsive design for both small and large screens presented the most significant challenges for me
Hey Anna congratulations on completing this challenge 👏.
I noticed a few things you could improve, I'll address a few of them.
overflow:scroll in the page_gameContainer... class. Removing this rule should solve this particular problem.height:100% to body and perhaps page_gameContainer to fill 100% of the height on the desktop.button instead of div for clickable elements, this will improve accessibility and allow the game to be controlled using the keyboard.Once again, congratulations on your work. Best of luck!
Hello Andrii-Rohov 👋, my name is Grzegorz.
Your solution looks super awesome on desktop, and it's alomost pixel-perfect with the design.
One thing to check it's the responsiveness on screen width < 768px, because right now your layout does not fit on the screen.
I'm sure it is just a small overlook.
Overall, I am impressed with your work and animations that you add.
Keep up the good work! 💪
See you on the coding trail 😉
Cheers!
Hello Vishal-wankhade 👋, my name is Grzegorz.
I think you set incorrect url for background-image, for now it doesn't show up.
I would also rethink usage empty article for displaying image as a background.
article should be used for displaying stand-alone content, right now there is no content at all. Perhaps img element would be more suitable here.
I hope this will be helpfull to You.
Keep up the good work! 💪
See you on the coding trail 😉
Cheers!
Hello Shekharpawar1 👋, my name is Grzegorz.
Regarding your question, you can set overfow: hidden on your container.
I hope this will be helpfull to You.
Keep up the good work! 💪
See you on the coding trail 😉
Cheers!
