All solutions

This is the most difficult challenge that I have attempted yet.

My first time using a static site generator, Eleventy and it involved a lot of learning and corrections. ooh and restarting the project over and over

I attempted to make it as accessible as possible. Getting a green score on lighthouse is reassuring.

The site is basically complete save for the projects where i still figuring out the tag system.

resources used are included in the code.

Comments and corrections are welcome

Feedback welcome. Good project to practice JavaScript logic.

Pretty certain I did not account for all edge cases, so corrections are welcome.

I have included reference materials in the code.

JS refactored to use classes, the original code included on the side as app2.js

Feedback welcome. Development references included in the code

I think i did something here. Feedback and corrections welcome

I am submitting this so that i can get assistance/fedback on the navigation especially on the mobile menu. Spent the last 2 days trying to make it work but whatever i came up with did not work well & i am not happy with my current solution.

How did you approach? if possible attach a link to your repo.

Feedback & corrections welcome on the rest of the app too.

Layering this site was a lot of fun.

comments and corrections are welcome.

This seemed like an easy site from the onset. But the dep dive was murky. I found laying out the bg images to be a bit challenging but guess I managed.

Comments and corrections are welcome.

I had a lot of fun working on this one, played around with the clamp property.

Laying out the background images was a bit trouble some. Is there a better way to position the background images without using pseudo elements?

Comments and corrections are welcome.

Laying the bg images was a little troublesome. Used js to feed the prices.

comments and corrections are welcome.

Laying out the hero image proved to be a challenge but I successfully managed. The power of pseudo elements.

Comments and corrections are welcome.

This was fun to work on especially on the mobile menu. Accessibility is a work In progress. comments and correction are welcome.

This looked ease at first but challenged me a lot. i had to restart over at some pointswhen everything wasnt working. my major concern is the buttons. As you can notice my button layout breaks when you adjust for different mobile screens.

1. how did you approach approach laying out the buttons? did you use buttons for each indivual page? or just a single pair of buttons absolutely positioned like i did?

2. i haven't touched on accessibility yet because i need to solve that button layout that is bugging me

3. more comments and corrections are welcome

Chasing that pixel perfect dream. Input & corrections welcome. Help out on how y'all styled the (progress/range ?) bar.

This is the longest project i have done, so far. Lot of Learning and unlearning. This was done desktop first (which i later realised was a mistake)

comments:

1. Still a work in progress, yet to completely fix accesibilty.

2. Cooordinating the modals was a bit of a challenge, that is why the js is messy.

3. Still on working on focusing on the modal the specific pledge selected.

4. working on using localstorage to persist the state.

comments and corrections are welcome on how I could have done better.

Second Project. social-media-dashboard-with-theme-switcher. Feedback & corrections will be appreciated.

This is my first projects. Comments & corrections will be appreciated.