All solutions

I made this project with the ability to add payment and track the addition in the amount and visual bar. if there are any comments - welcom)

Hello everyone! you can assume that keyboard images are decorative images and can be inserted as background images. But I thought that these were photographs of this very keyboard on sale and made them content. I wanted to make them flexes, so I chose this path.

An interesting project with a little complexity in the background image, if you don't use PNG. I still haven't figured out how to use it {background-blend-mode:} to get the background image in the mobile version using one common image Comments and remarks are always welcome)

Always glad to criticism and comments to become better)

Сomments are welcome )

Hello everyone! I wanted to make social icons svg with changing fill by hover or focus, but I could not import with right svg code. When I checked the task, I found an error with social icons in safari ... icons are displayed normally in other browsers. I didn't find anything intelligible in Google, can someone tell me what the problem is or how to correctly change the fill in the exported icons from this layout in Figma? I think they are incorrect. and if inserted with a background, then in safari they are not scaled correctly. Of course I can find svg icons from layout with correct code elsewhere and use them, but there are layouts with unique icons, there is a problem to solve). And also, looked at other solutions - why does everyone wrap social icons in the "i" tag? it's not at all simantic...

A very simple and fun exercise. Added hover on button)

Hello everyone! did js validation, but it didn't quite work out. I can not find information on how to remove the message about incorrect validation. I used createElement in which I added various validation error messages and added this element via cloneNode. I understand that each time a field is validated, the invalid message should be removed, but I can't figure out how to do it. deleting a clone via remove () fails. And the error messages are multiplying! It could have been made easier by adding the error text right away in DOM and showing it by adding a class or display. I will be grateful for advice or a link to an article with a solution!

in this solution I did not use JS on purpose. in such solutions, can i'm use checkboxes?