All solutions

Hello 👋,

This is my solution to the FAQ accordion card challenge.

Any feedback would be helpful.

Upgrades 🚀

• Spinning animation for the box icon when the page loads (desktop only)
• Slide in from the left animation for the illustration image when the page loads (desktop only)
• Slide down animation for the illustration image when the page loads (mobile only)

Thank you for taking the time to view my solution!

Hello 👋,

This is my solution to the Base Apparel coming soon page challenge.

Thank you for taking the time to view my solution!

Hello 👋,

This is my solution to the equalizer landing page challenge.

Thank you for taking the time to view my solution!

Hello 👋,

This is my solution to the article preview component challenge.

Upgrades 🚀

• Loading animation

Thank you for taking the time to view my solution!

Hello 👋,

This is my solution to the skilled e-learning landing page challenge.

Thank you for taking the time to view my solution!

Hello 👋,

This is my solution to the ping single column coming soon page challenge.

Any feedback on my JavaScript would be appreciated.

Upgrades 🚀

• Added a thank you message when the form is successfully submitted

Thank you for taking the time to view my solution!

Hello 👋,

This is my solution to the Intro component with sign-up form challenge.

Any feedback on the form active states would be appreciated.

Upgrades 🚀

• Animation on page load
• Added a thank you message when the form is successfully submitted

Thank you for taking the time to view my solution!

Hello 👋,

This is my solution to the Workit landing page challenge.

Any feedback would be helpful.

Upgrades 🚀

• Slide animation on the hero section when the page loads

Thank you for taking the time to view my solution!

Hello 👋,

This is my solution to the four card feature challenge.

Any feedback on how I used CSS to achieve the desktop layout would be helpful.

Upgrades 🚀

• Spinning animation on the cards when the page loads
• Box-shadow color change on hover

Thank you for taking the time to view my solution!

Hello 👋,

This is my solution for the social proof section challenge. 👨‍💻

Any feedback would be appreciated.

Thank you for taking the time to view my solution!

Hello 👋,

This is my solution for the meet landing page challenge. 👨‍💻

I'm having difficulty placing the images on the top of the page. I'm using CSS Grid for this section. Any feedback would be appreciated.

Thank you for taking the time to view my solution and for any feedback provided!

Hello 👋,

This is my solution for the single price grid component challenge. 👨‍💻

Any feedback on my HTLM or CSS would be appreciated!

Thank you for taking the time to view my solution and for any feedback provided!

Hello 👋,

This is my 2nd solution for the QR code component challenge. 👨‍💻

I wanted to try this challenge again after learning more about front-end development.

Any tips on where to improve my work would be greatly appreciated.

Thank you for taking the time to view my solution!

Hello 👋,

This is my solution for the huddle landing page challenge. 👨‍💻

I placed the social media icon images inside an <a> element. The images won't change color on hover, but the border color changes. Is it possible to get the logo images to change color on hover?

Thank you for taking the time to view my solution and for any feedback provided!

Hello 👋,

This is my solution for the profile card component challenge. 👨‍💻

I'm looking for help with positioning the circle images on the background. Looking for guidance on this. Would be interested in an article or video that goes in-depth on this topic.

Thank you for taking the time to view my solution, and for any feedback provided!

I am going to keep doing the challenges to improve my skills.

Hello 👋,

This is my solution for the interactive rating component challenge. 👨‍💻

This was my first time completing a challenge with JS. I learned the importance of script placement within HTML.

Thank you for taking the time to view my solution, and for any feedback provided!

Hello 👋,

This is my solution for the 3-column preview card component challenge. 👨‍💻

I'm looking for help with positioning the footer. On the desktop site I used .sticky-footer { position: sticky; top: 95%; } and on mobile .sticky-footer { display: none; }. I know this isn't correct but if I don't use display: none; the footer shows within the div and not below the content.

Thank you for taking the time to view my solution, and for any feedback provided!

Hello 👋,

This is my solution for the stats preview card component challenge. 👨‍💻

I'm looking for help with the responsiveness of the container and images. I used @media screen and (min-width: 900px) because the image is too distorted between 620px and 900px. Should I have multiple media queries because of the excess space between 620px and 900px? Or should I take a completely different approach?

Last week in the FEM newsletter, Matt posted a link to The Guide To Responsive Design In 2023 and Beyond. After looking at this, I'm unsure about what to focus on first as a beginner with CSS.

Thank you for taking the time to view my solution, and for any feedback provided!

Hello 👋,

This is my solution for the order summary component challenge. 👨‍💻

I'm looking for more guidance on when to use the CSS #id selector or the CSS .class selector. Please provide any resources that have helped you with CSS.

Thank you for taking the time to view my solution!

Hello 👋,

This is my solution for the results summary component challenge. 👨‍💻

I noticed the Figma design files have different text and background colors. I wasn't sure which to follow, so I blended the two.

I have a very basic understanding of Flexbox, and I'm excited to continue developing my skills with Flexbox.

Any tips on where to improve my work would be greatly appreciated.

Going to keep doing the challenges to improve my skills.

Thank you for taking the time to view my solution!

Hello 👋,

I had quite a time learning how to position the icon on the image :hover 🙃.

I am unsure of the quality of my CSS, but as I continue learning, I will revisit these first few projects.

Any tips on where to improve my work would be greatly appreciated.

Going to keep doing the challenges to improve my skills.

Thank you for taking the time to view my solution!

Hello 👋,

Back again to start completing challenges. I'm new to coding and trying to improve the responsiveness of the page.

Any tips for understanding CSS better are welcomed.

Going to keep doing the challenges to improve my skills.

Thank you for taking the time to view this solution!

Hello 👋,

This is my first solution on Frontend Mentor. I am on my 3rd week of learning to code at Udemy (The App Brewery), and the instructor suggested practicing here at Frontend Mentor.

I would appreciate any feedback.

I used Atom.io, Google, and W3Schools to complete this challenge.

Thank you for taking the time to check out my first solution!