@Ghaithsy418
Latest solutions
Testimonials grid section
PSubmitted about 2 months agoI understand how to do grid layout. But am I rebuilding correctly via media queries?
Latest comments
- P@antryabov
Good job!
- P@mayolito-wajeP@antryabov
Good job!
- P@masrestuP@antryabov
good job!
- @nakelcodeWhat are you most proud of, and what would you do differently next time?
This landing page took me a while to get done but now I'm sure my knowledge of Javascript have increased
What challenges did you encounter, and how did you overcome them?The challenge i encountered was making sure the daily button activate once the website has loaded. I did not know how to do that but chatgpt really break down how i can make that happen which im sure i can do next time
What specific areas of your project would you like help with?I would appreciate if my fellow developer can check my landing page. The daily button (opacity: 0.5) activate (:focus{opacity: 1}) once the website has loaded but when i clicked weekly or monthly, the daily button don't go back to its default opacity which is (opacity: 0.5) but maintain the other opacity which is (focus: opacity 1).
Please this junior of yours will be really glad if you can check my code and tell me how i can make it work perfectly
P@antryabovHi! It turned out well! But you were given data.json to parse the data and add it to the application. Try to implement it. Your approach is incorrect and no one does it. Look at what fetch is and how to get data from a JSON file with it.
The problem you are interested in is in your styles. You add inline styles using document.querySelector(".day").style.opacity = '1'; better make a class and add it using addEventListener.
Using devTools you can find your element and see <button class="season day" style="opacity: 1;">Daily</button>
- @codeguy9P@antryabov
The layout is good, but there are no scripts(
- @stefan1959P@antryabov
Hi! It turned out very well! Well done! The only thing I would do differently is to create a .hide class and change it using classList.toggle. and it will be in one line of code, not counting the function declaration. Try to use adding a class rather than adding inline styles.
