All solutions

A fun component to practice SASS

This was one of my first projects in Frontend Mentor. It was fun to revisit this one after getting more experience with CSS and starting to learn SASS.

Can't say I did anything special with this one but mainly wanted to practice adding overlays. Merry Christmas!!! 🎅🏽🤶🏽🧑🏽‍🎄

Fun challenge!

Another project I've avoided doing for a long time. Good challenge to create semantic HTML (let me know how I can improve!)

I avoided doing this project for a while, but I'm glad I finally tackled it. Had some trouble with the form validation and responsive styles.

My first accordion!

This was a fun challenge. Feedback/suggestions/improvements always welcome.

Good project to practice React, basic form validation, and mobile styling.

I tried to do this project earlier in the year with vanilla JavaScript and gave up out of frustration. I have more experience now and ended up redoing it with React.

It definitely helped to break everything up into components and tackle each design challenge individually.

Feedback and suggestions are very welcome, especially around the subject of maintaining such a large stylesheet.

I attempted this project earlier in the year and ran into a ton of problems. Decided to put it aside and revisit once I had some experience with React and React Router.

Configuring routes was as complicated as I expected. The design wasn't as challenging as the first time but managing multiple layout led to way more code than I wanted.

Can't say I excelled in any one area, so feedback is welcome on any aspect of this project.

Enjoy!

Rebuilt the Advice Generator App with React

This was a fun project that challenged me with some unique design elements and JavaScripting.

Feedback is always welcome, especially in regards to responsive design and form validation.

This was a fun and interesting project that challenged me to utilize CSS Grid and Leaflet JS for the map. I also learned a fun new property for the lettering effect on desktop: mix-blend-mode: difference.

I welcome any feedback regarding the following:

• responsiveness
• CSS grid layout
• semantic HTML

This was a fun/challenging project that had me branching out with multi-page layouts. I definitely learned that I should plan ahead if I'm working with more than one page.

This was also my first time working dates and times in JavaScript, so I had to consult a tutorial from W3 Schools in order to complete this.

All feedback is welcome!

This was a fun and challenging project. I decided to build the page with Bootstrap to take advantage of the image carousel functionality.

Since I'm still new to Bootstrap, I ended up with some inline CSS and an external JavaScript page, on top of CDNs that import the font, stylesheet, and additional JavaScript functionality.

I tried to stay as close to the design as possible but couldn't figure out a good way to customize the mobile navbar. Would appreciate any feedback regarding that, or how to avoid adding custom CSS properties on top of the Bootstrap-provided stylesheet.

Struggled with this one mightily but learned some new things:

• adding a linear gradient to a background AND adding a background svg behind it
• dropdown links that display on mousehover and then on click on mobile
• border radiii for specific corners
• absolute positioning of images relative to containers
• the footer on mobile is a complete accident but I loved the way it came out, so I don't want to change it

Looking for feedback on the following:

• how to absolutely position images and maintain responsiveness
• JavaScript! I have less than a year of experience with this, so I know I could have done things differently
• how to estimate the time it will take to complete a project - I spent way more time on this than I expected
• how to find the robot and UFOs in Red Dead Redemption II

I had a lot of fun with this challenge even though the grid layout was tricky to get right. I would appreciate any feedback regarding the layout and responsiveness. Thank you in advance!

This was a fun and challenging project. I'm glad I didn't know what the mobile navbar looked like until I started the project: it had a bit of a curveball in the design that I didn't expect.

If you're up for digging through my code, I'd appreciate feedback on where I could have avoided repetition and other improvements I could make.

Thanks in advance!

I had a lot of fun with this challenge, despite it being, well, challenging...

I am having a bit of a problem with the image overlay leaving behind an outline after being clicked. I tried setting its background color to transparent and that doesn't seem to help.

I would appreciate any feedback whatsoever on this project. I'm still fairly new to coding and have a lot to learn.

I struggled with this one more than I expected. I would appreciate any feedback regarding the following:

• responsiveness
• DRY code
• positioning an SVG into the placeholder of an input element
• other improvements

This was a solid layout challenge that pushed me to play around with CSS Grid and to create my first image gallery. I added some animation from Animista just for fun. Feedback is welcome, especially around how to reduce the total amount of styles/code.

ChatGPT and I were in the zone on this one.

This is one of my first projects involving JSON data, so I'm glad I got it up and running.

I had some trouble with the mobile navigation on this one, specifically dealing with extra white space. It would be awesome if anyone could take a look.