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

All comments

  • P
    Michael 40

    @michael-schlueter

    Posted

    Hey there, good job on the challenge! I really like how you used CSS variables for the different colors and gradients. It's also very impressive that you got this layout working using positioned layout.

    I have a couple of suggestions about your project that may interest you:

    The desktop and mobile versions of your site look great. However while transitioning between the desktop and mobile view the content of the site begins to look a little squished and things start to break. It's rather tricky to make a site fully responsive for all screen sizes using fixed widths and heights in combination with Positioned layout. You may want to check out CSS Grid which can help in terms of responsiveness of the layout and it seems to be a good approach for this particular project.

    You may also want to highlight the button once it's hovered of focused by the user. Especially keyboard users would benefit from an indicator once the button is in focus.

    I hope you find those suggestions helpful. All in all terrific job!

    Happy coding!

    0