All solutions

Page was created in HTML and CSS, nothing more. It is a practice project for me to get updated on the latest in this skill as well as get a good grasp of the best practices. I challenged myself by doing a desktop-first workflow over the mobile-first approach, most projects I have encountered before followed this approach.

In real world web application projects, a framework or library is normally preferred to speed up development, but it is always a good practice to get a good grasp of the basics.

Feel free to review - particularly focusing on how the code was organized, and feel free to share the best practices.

(I have to estimate the UI and assume the behavior, as I am not using a pro account.)

I used the most basic frontend skills to create a couple of pages. No fancy frameworks or libraries. I just wanted to explore and catch up on the latest in HTML, CSS and JS.

Just general feedback especially on the code is appreciated. Thanks in advance!

Question: Aside from uploading the solution here and installing axe-core package in the application, do you know of any other tools do you use to resolve accessibility issues? (Some that I found don't detect them until I have uploaded the solution here).

NOTE: The site does not store any credit card information. Please enter only dummy information if you want to test.

Feel free to view my site and leave any review.

I have refactored mostly my CSS code today and resolved some issues. Hopefully anyone can take a look at my solution.