All solutions

I really enjoyed working on this project! Removing and adding elements to the list wasn´t difficult. I added drag and drop functionality as well and a function to save the new order of the list in the browser.

Please leave any comments how to improve my code. :)

Best regards, Andrea

This is my solution for the payapi multipage website project. This project was a nice layout challenge. I have used CSS3 for the layout. I would like to see other solutions for the positioning of the circle elements.

Hey!

I have learned a lot on this project, I really enjoyed working on it! For the mobile slider I have used swiper.js.

Please leave any recommendations how to make my code more organised. :)

Kind regards, Andrea

Hello,

How to change the color of an svg image with css? If you have any suggestions please share! :)

Best regards, Andrea

Hi,

I really enjoyed working on this project. Please let me know if you have any suggestions to improve my project. :)

Best regards, Andrea

Hey!

I really liked the design of this challenge, that´s why I completed it.

I added a user a contact form API (web3forms) to the HTML form to collect the emails. (If you test it, your submitted data won´t be sent to my email cause I have rewritten the access key, so that it´s no longer the valid access key). When it´s tested it throws an error, but if I add the correct access key then it works (see the screenshot in the repository).

I coded the mobile size and desktop size designs for this challenge. I think the curved images should be edited so that it looks good on tablet screens. Do you have any other idea on this?

Thanks for reading and any suggestions. :)

Hi, I have some questions:

• Should I use <section> tags instead of the <div> tags? I used divs to create the sections of this webpage

• I use the social media icons from this website https://boxicons.com and the svg code gives errors in the HTML file.

• I had issues with the e-mail address check. I have used a regex from stackoverflow.com and modified it so that the last part of the email can contain only 2 or 3 characters. The condition in JS doesn´t work only if @ is included in the email input field. I couldn´t find out why.

I would be glad if you could help me with these issues. :)

Hello,

please leave any suggestions how to complete this project in a better way.

• I used fixed header on smaller (max 1024px) screens. I am not sure it looks good enough, what do you think?

This was a fun project to work on. I had some difficulties with the positioning of the background image (tiny purple shape) in responsive mode. For the JS part there are plenty of resources, it was easy to find resources which has helped me a lot.

I really enjoyed working on this project. Grid maked things so easy and it is easy to style in responsive mode. Any kind of suggestions are welcomed. :)

Difficulties: I coded the 2 purple shapes in separate HTML files and I used these as background images. It was difficult in responsive mode to build the 2 purple shapes in my main HTML file and position it properly with CSS. On desktop version it looked good but in responsive mode it didn´t work. That´s why I have chosen another solution.

Questions: I would be glad if you could share any kind of suggestions, opinions how to solve the project better.