https://github.com/kemi-oluwadahunsi/skintypestest

https://github.com/kemi-oluwadahunsi/skintypestest

Last synced: 11 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/kemi-oluwadahunsi/skintypestest
• Owner: Kemi-Oluwadahunsi
• Created: 2023-07-26T15:53:35.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-11-17T22:50:30.000Z (about 1 year ago)
• Last Synced: 2023-11-18T00:02:17.332Z (about 1 year ago)
• Language: HTML
• Homepage: https://skin-types-test.vercel.app
• Size: 1.39 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# skinTypesTest

Title: SKIN TYPE TEST

Description: Built with pure HTML5, CSS3, and Vanilla JavaScript. A fully responsive single webpage, user-friendly and easy to navigate. Clicking on each skin type displays the image, description, and care routine for each. The simple natural color blend is the best part for me.

The function of JavaScript in this code is to hide or display on toggle the details of each skin type. This was done so as not to make the page too crowded with words.

PAGE NAVIGATION: Since it's a single webpage, scrolling from top to bottom is all you need to navigate the page. Click on each skin type block to view the full details of each skin type. The flex-direction of the information on the laptop view is in a row while on smaller screen sizes, it's in a column.