Latest solutions
Latest comments
- @remmji@J-HernandezM
maybe you should try to add a max-height to the top section and the images of the ccard try to make the position absolute relative to the top container instead of doing it in the body, if needed add a 3rd media querie for tablets.
Great job with the js, i solved it using other methods but i like some of your code. I'll implement myself on my code some of your ideas!
Marked as helpful - @viniciusmontibeller@J-HernandezM
Nice solution in the JavaScript, i didnt knew You could do all that in just one function, i always thought that everything should be in diferente functions, i did ir that way and find myself in trouble with they calls of the funtions, pretty straight forward, and understandable, congrats!
- @kiangopez@J-HernandezM
the way i did it was to assign a class called 'readed' and changed the styles, then i created in JS a function that evaluates for each notification if it contains the class 'readed'. If it doesnt have the class for that notification, add 1 to a variable counter, if it has the class then dont add anything. That way if the script evaluates each notification and none of them have the readed class the number will be 0.
I called the function after i created all the event listener logic but inside of it
- @TianYeCal@J-HernandezM
Hi! Im not sure if you have the backround image of desktop in the desktop view. I get to put the error icon inside the input by creating a div element that wraps both img and input elements (also a span for the error message), so i can use position absolut in the parent div and move the image inside of the input.
Marked as helpful - @erenymo@J-HernandezM
Maybe you should try to learn CSS GRID and apply it to this project. Usign in desktop a 4x4 grid meanwhile in mobile use a 1column x 3 row, change that using media queries. Use this resource to learn grid basics https://cssgridgarden.com/#es When you check that the rules that im reffering to are
grid-template-area grid-area
or just the columns or just the rows
Marked as helpful - @amirandersonjones@J-HernandezM
try using a radio input for the buttons of the scores, then read all the HTML elements in the JS using document.querySelector, create a function that evaluate each radio input element and see witha condition if they have the propertie .checket = true, if so then thats the option the user selected and you can assign that to a variable