All solutions

What are you most proud of, and what would you do differently next time?

Created my own dark theme

What specific areas of your project would you like help with?

The background images I placed don't seem to be appearing in production even though I placed them in the public folder.

What are you most proud of, and what would you do differently next time?

Challenge was built as practice for TailwindCSS, starting to get the hang of Tailwind and looking forward to start building more advanced projects with it.

This challenge also contains a dark theme that is applied automatically to those who have their system preferences set to dark mode.

What specific areas of your project would you like help with?

Any general criticism would be appreciated, but mostly I would like criticism with TailwindCSS and my use of it.

What are you most proud of, and what would you do differently next time?

Built this challenge using TailwindCSS.

This is my attempt at creating a dark themed version of the e-commerce product page.

I will later add a theme toggle switch.

If you have any other ideas or suggestions please let me know!

Any feedback is appreciated!

This project was built be my using Reactjs, the styling was done with styled-components and the routing of the pages was done using react-router-dom.

Please take a look at my live site or my github repo, any feedback given to me will be appreciated or if you have any questions I would love to answer them!

Hello, this is my solution built with React.js and styled-components. I also included a custom-made night/day mode toggle switch for changing between the original design and my custom dark theme.

Please take a look at my site and at my code and leave me any feedback or questions you may have!

Modern Art Gallery

This is my solution for this frontendmentor challenge. I found this design to be very beautiful and while I did struggle a little bit at first to get the Hero section looking exactly like the design, I think I did a pretty good job. The rest of the site was easier to build and a lot of fun!

Any feedback is very appreciated!

This is my solution to the todo app challenge by frontendmentor.

If you see any mistakes I have made, please point them out, any type of feedback is appreciated!

Site built using ReactJS and the useState hook.

I made the site so that the card details auto-update as you type them in the input form. One thing I failed to achieve was have specific error messages for specific errors that might happen in the inputs.

Instead, I made it so that only numbers can be entered in the fields where numbers are required and only letters can be entered in the name input field.

I would like to hear some feedback on how I can improve my code! Also, if you notice any design errors please tell me so I can fix them right away.

I started learning React and decided to try and built a simple website with it. For more information you can read my README located in the project's repository.

If you spot any errors or you are more experienced with React and would like to give me some feedback, please do so!

Hi Everyone!

This is my solution to the Tip Calculator App, solved using vanilla JS.

Please provide me with any type of feedback, it would be greatly appreciated!

Hi everyone! This is my solution to this frontendmentor.io challenge.

Any feedback would be greatly appreciated :)

Any feedback would be appreciated!

My requested feedback would be about the tooltip hover effect. I used vanilla JS and I know that there is room for improvement so please do give me some tips on how I can improve! Thank you in advance :)

Hi all!

I would really like some feedback on my JavaScript and on the rating buttons. For the rating I used buttons instead of radio because I though it would be easier to style them.

For the JavaScript, I used localStorage to store the value of the button that was pressed, and then I updated the text on the thank you site.

And as a side-not I used the @import for the font, I know that using <link> is a better practice and I will update the code to use <link> instead of @import.

Completed using vanilla HTML and CSS.

Any feedback would be appreciated :) My main interest is in the responsiveness of the website, I would love to know in what ways I can improve the responsiveness of the site and if I have made any mistakes there. Of course I would love to know in what other area I have made mistakes or I can improve in!

Hello Everyone!

This is my solution to the QR Challenge. My request for feedback would be on the responsive aspect of the webpage. I used multiple @media queries and I would like to know in which way I can improve the responsive design of the website.

If you have any other suggestions or tips for me I would absolutely love to hear them! Ant type of feedback is welcome.

Hello, this is my first time using multiple @media queries in a single css document. The main thing that I would love to hear some feedback on is the responsiveness of the webpage and if there are any ways I can improve it.

I would also like to hear feedback on anything else I could potentially improve and I will take any mistake you point out as an opportunity for me to improve.

Hello everyone :)

I updated the solution. Here are some of the changes.

• Added border: none on the button.
• Added cursor: pointer to the button.
• Made the "soon" bolder.
• Added aria-label for the link elements.
• Made layout responsive while in desktop view.
• When in mobile view, there is no longer extra space to the left of the screen.
• For the email validation I changed the error text to the correct one.

The page is now fully responsive and can be viewed in any screen size. The E-mail validation works and displays the correct message when the criteria isn't met.

If you have any feedback for my solution than feel free to reply I would greatly appreciate it :)

Hello everyone :)

I build this website using HTML, CSS and JavaScript. I found it to be quite a fun challenge to do, although not quite as difficult as some of the other JavaScript challenges.

To make this I used CSS Variables for the first time var(--css-var) and I plan to continue using them as they are quite useful.

I also added some more functionality to the password. I created a function to check if a password has more than 8 characters, contains at least one upper, one lower, one special character and one number.

As for the JavaScript, I simply changed the class name of the form elements to different values and that would control if the error message and icon would appear or not.

If you are reading this and want to give me some feedback I would really appreciate it. One thing to note is that I am aware that I forgot to implement box shadows :(

This is my first time using CSS GRID to style a webpage.

I started learning GRID today and I managed to complete this site by using the grid-template-areas: property.

I would like your feedback on the code and maybe a better way of using CSS GRID to style the webpage.