GitHub topics: newbie-challenges
mendez-v/chrome-extension
Chrome extension that allows you to store the current tab and/or the URL entered in the input text in the `localStorage`. When storing, you must render the URLs in a <ul> tag. The `DELETE` button allows you to clean both the `localStorage` and the items of the <ul> tag.
Language: CSS - Size: 2.31 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0
mendez-v/clipboard-landing
Users should be able to: View the optimal layout for the site depending on their device's screen size. See hover states for all interactive elements on the page.
Language: HTML - Size: 7.34 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0
mendez-v/password-generator
Generate passwords. The user can enter the length of the password. The password will have a maximum of 15 characters.
Language: HTML - Size: 1.07 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0
mendez-v/recipe-page
The challenge is to build out this recipe page and get it looking as close to the design as possible.
Language: HTML - Size: 4.75 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0
mendez-v/testimonials-grid-section
The objectives of this project are: To see the optimal layout based on the screen size of your device. To see the hover states of the interactive elements.
Language: HTML - Size: 4.01 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0
mendez-v/fylo-data-storage-component
This project has an optimal display, depending on the device. Also, `hover` and `focus-visible` states have been added to the interactive elements.
Language: CSS - Size: 3.03 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0
mendez-v/social-proof-section
This project has an optimal display, depending on the device. Also, `hover` and `focus-visible` states have been added to the interactive elements.
Language: HTML - Size: 2.36 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0
mendez-v/basketball-scoreboard
Build from scratch, customise the design provided, make the six buttons work, add a "New Game" button, highlight the leader.
Language: CSS - Size: 3.72 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0
mendez-v/four-card-feature
This project has an optimal display, depending on the device. Also, `hover` and `focus-visible` states have been added to the interactive elements.
Language: CSS - Size: 1.63 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0
mendez-v/product-preview-card
This project has an optimal display, depending on the device. Also, `hover` and `focus-visible` states have been added to the interactive elements.
Language: CSS - Size: 4.52 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0
mendez-v/profile-card-component
I built the project according to the designs provided. I added `focus-visible` and `hover` states.
Language: CSS - Size: 890 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0
mendez-v/blog-preview-card
This project has an optimal display, depending on the device. Also, `hover` and `focus-visible` states have been added to the interactive elements.
Language: CSS - Size: 1.94 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0
mendez-v/nft-preview-card
The objectives of this project are: To see the optimal layout based on the screen size of your device. To see the hover states of the interactive elements.
Language: CSS - Size: 1.12 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0
mendez-v/stats-preview-card
This project has an optimal display, depending on the device. I have modified the default `focus-visible` state a bit and added the `hover` state to the linkable elements.
Language: CSS - Size: 5.5 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0
mendez-v/order-summary-component
A perfect project for newbies who are starting to build confidence with layouts! We can see hover and focus-visible states for interactive elements
Language: CSS - Size: 3.92 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0
mendez-v/single-price-component
In this challenge, I built out the pricing component to the designs provided. I changed the colours and the "focus-visible" status to improve accessibility.
Language: CSS - Size: 4.36 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0
mendez-v/3-column-preview-card
It consists of creating a container with 3 columns that must be adapted to the size of the device that displays it. It must also have a hover effect on the buttons and I changed the "focus-visible" effect a bit.
Language: HTML - Size: 1.78 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0
mendez-v/qr-code-component-main
This challenge is perfect if you're new to HTML and CSS. The card layout doesn't shift.
Language: HTML - Size: 682 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0