Resharing to progress learning path.
What specific areas of your project would you like help with?Even tho i tried some deg values, couldn't manage to get exact gradient background.
Great work overall! A couple things you could do...to get rid of that little little grey line around the submit button you could do: border: 2px solid transparent. That will take care of that. Also you could make the button hovers a little smoother by doing: transition: all 0.3s on the buttons. Other than that, great job!
This one took me a while, I'm proud of all the javascript functionality. There was a lot going on with this one and I really had to drill down on each little thing to get it all working correctly.
What challenges did you encounter, and how did you overcome them?I had little bugs popping up throughout, sometimes the answers wouldn't populate correctly or icons wouldn't show up in the right spot etc. I used a lot of console.logs to find out specifically where I was running into trouble. I also did a fair amount of research on certain things, like the dark mode toggle for instance.
What specific areas of your project would you like help with?Any feedback would be welcome!
Thanks @AshongAbdallah06, I fixed those bugs, I should've caught them but thank you for pointing them out!
i proud about being able to play with the display and visibility to be able to show and hide the different "pages" of the quizz.
What challenges did you encounter, and how did you overcome them?it was the first time for me to have 2 modes dark and light and the problem associated with it about the color of the elements but i was able to overthrow that by researching in youtube
What specific areas of your project would you like help with?none
Really awesome job! The code is very well organized and easy to read. I can tell you put a lot of thought and work into this. I even saw something in your solution that I forgot to include in mine, so thanks for that. Overall great job, keep it up!
I am excited about the custom checkboxes I built that kept the green theme, and the animated labels that appear after copying or hitting the button with no boxes checked. I am not confident in my JS solution with the long characters arrays that I push into one long array. Also, I am sure there's a way to reduce the conditionals for the box colors but I can't see how to re-factor those.
What challenges did you encounter, and how did you overcome them?JS script has long blocks that I couldn't figure out how to re-factor. Long arrays and conditionals. It works and I'm looking for feedback.
What specific areas of your project would you like help with?Re-factoring my JS to more concise, targeted syntax.
Great job, lots of good things going on. There are a couple functionality issues but other than it looks great. Feel free to take a look at my solution if you want to check out ways to refactor yours. Mine's obviously not perfect but could help you out!
I'm proud of the javascript functionality. and the responsive design.
What challenges did you encounter, and how did you overcome them?Getting the icons in the right position was tough. I still didn't get them perfect but I tried a whole bunch of stuff to fix it and just eventually had to move on.
What specific areas of your project would you like help with?The icons. Getting the icons in the right spot. If anyone could help me out with that I'd appreciate it.
@JamesYcode, thanks man, I appreciate that. I get so much help on here just looking at other people's code so I'm happy that mine helped you out!
Great job! One thing I noticed is that the error message pops up as soon as you type in the bill input, it doesn't really give the user a chance to move down and put in the number of people. Other than that, I liked how you handled the media query for mid sized screens, looking at yours actually helped with my own solution, so good job. Keep it up!
Great job! Very well done. If I could say one thing, it'd be to go back and check out your media queries. When it goes to those two columns it cuts off the top quite a bit. But other than that it looks great!
I'm proud in the fact this was my first formulary made it in a formal web page, and it was not easy.
I will do different the URL of the images, adding the root folder manually, if not, the images not load.
What challenges did you encounter, and how did you overcome them?The JS was difficult. I spend time figure out how to fix it.
What specific areas of your project would you like help with?Any comments are welcome.
Overall it looks great, lots of good stuff going on. One thing.. I used to do the changing of images just like you did in the css but then someone on frontend mentor told me about using the <picture> tag in the html instead. So for my solution I did this:
<picture>
<source media="(min-width: 48em)" srcset="assets/images/illustration-sign-up-desktop.svg">
<img src="assets/images/illustration-sign-up-mobile.svg" alt="main newsletter image" class="">
</picture>
Your way still works, just thought I'd throw that out there. Great job!
I'm proud of integrating HTML, CSS, and JavaScript to create a responsive web component. Next time, I'll improve CSS organization for better scalability and deepen JavaScript skills for advanced functionality. This project fuels my passion for web development, driving me to excel in user-centric digital solutions.
What challenges did you encounter, and how did you overcome them?When encountering web interactivity challenges with JavaScript for the first time in a while, I faced difficulties primarily with styling issues. Overcoming this hurdle involved a combination of debugging, consulting documentation, and experimenting with CSS adjustments to achieve the desired visual and interactive outcomes, although, it is not as perfect is it was given in the design file.
What specific areas of your project would you like help with?I would appreciate help particularly in two areas: responsive design to ensure my project looks great across various devices, and enhancing JavaScript interactivity to create smoother user experiences. These aspects are crucial for improving the functionality and accessibility of my project, and any guidance would be invaluable in refining these skills.
Great job! There are a couple spacing and font size issues. You could lower the main-container gap, right now it's 20 px so try to lower that and in the media query lower the font sizes of description1 and description2. The button functionality is a little off too but not exactly sure how I would fix that here. Hope any of that helps!
I'm proud of the responsiveness all around.
What challenges did you encounter, and how did you overcome them?I usually put the footer outside the main section but I couldn't get the footer to extend the full width so I had to put the footer inside the main section.
What specific areas of your project would you like help with?For the life of me I couldn't get the text in the footer button to be on one line and I couldn't get it to change colors and turn the cursor to pointer on hover. The hero buttons work fine on hover and even though the footer button is the same, for whatever reason it won't work.
Awesome job! Great use of clamp to make it all fluid. After looking at your code I can see so many ways to improve my solution. Way to go.
i think i did a pretty god job with grid
What challenges did you encounter, and how did you overcome them?used grid not so often before, so had to do a litle bit research for this task
What specific areas of your project would you like help with?html structure, css overall looks overcomlicated on my opinion, will be happy for any advices
Hey, great job. I really liked how you made a media query that goes to 3 rows, within a certain range, it looks really good. One thing I may try to do to get it more fluid as you scale down is to use more relative units like rem and em and % rather than fixed pixels. But other than that I thought you did a great job!
