Skip to content
Submitted about 2 months ago

css grid and java script

amgad sameh•130
@megzzawy
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive rating component
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

i learned how to create a function with javascript

What challenges did you encounter, and how did you overcome them?

alot of css and also with javascript to hide the form section and showing the thanks one and insert the rating value

What specific areas of your project would you like help with?

project was awsome

Community feedback

  • Marcos Travaglini•6,210
    @BlackpachamamePosted about 2 months ago

    Greetings! you have done a great job 😎

    📌 Some accessibility and semantics recommendations for your HTML

    • To improve the semantics of your HTML, you can change your <div class="container"> to a <main class="container">
    • Use min-height and max-width, this will help the content stretch or shrink if you need to. Unlike height and width which can cause your content to be cut off on certain screens. For example, use min-height: 100dvh instead of height: 100dvh
    • I recommend doing a small reset to the styles that come by default in the browsers. To do this, you can apply a couple of properties to the universal selector *, with this you will make your site look the same in all browsers
    • I leave you the task of researching the reset CSS and the box-sizing: border-box
    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