First Front End Mentor project where I applied HTML-CSS-JS skills in totality , however I still think my javascript skills are not that sharp and need to practice more !
Hi, well done finishing this challenge ! You Javascript code is a really good base. There is maybe one or two things to improve, but that's all, so well done ! In term of design, I think you should remove the last line (just after the last question). Apart from that, you respected the design, good job !
Hi, well done finishing this challenge ! Don't forget to use JavaScript to make your project more interactive and interesting for the user. Maybe try to improve the font-size of the questions and answers too. Apart from that, it's a beautiful project you made ! Keep it up !
Learned about max-height and overflow hidden in a better way, haha. Also, learned another use case of the forEach loop.
What challenges did you encounter, and how did you overcome them?It was definitely trying to hide the answer and how to show it.
What specific areas of your project would you like help with?If anyone can take a look at my JS code and critique it? I know it can be improve just wanted to know what y'all think.
Hi, well done for finishing this challenge ! I just checked you JS code, and I like it. I have nothing to say about it. I used an another way, but I think yours is fine too ! For the rest, don't forget to change the color of the line between the questions.
I added some js functionality and anything that came to my mind was to update published date which is taken from current date and is 2 days earlier. I need to work more on css and using some functionality and think about for having concise code.
What challenges did you encounter, and how did you overcome them?js functionality, not often use date and it was a good practice and also css is always a challenge for me.
What specific areas of your project would you like help with?css and js
Hey, well done for your project. It's such a good idea to use the js functionality you put on the published date ! You just forgot to change the color of the paragraph after the title. But aside of that, you did a really great job !
Hey, good job managing to complete this challenge ! I think, without the footer to the bottom of your solution, that you almost perfectly reproduced the design !
I'm most proud of ensuring the design is responsive and works well across different screen sizes. Next time, I would focus on improving accessibility by adding more semantic elements and enhancing the contrast for better readability.
What challenges did you encounter, and how did you overcome them?The main challenge was ensuring the design was responsive across different screen sizes. I overcame this by using media queries to adjust the layout and tested on various devices to ensure consistency and usability.
What specific areas of your project would you like help with?I would like help with optimizing the performance, especially improving load times and ensuring smooth deployment on GitHub Pages without caching issues.
The project is very learned some new thing like clamp function in which we make responsive design without media queries.
What challenges did you encounter, and how did you overcome them?this project i have done easily not facing any major problem.
Hey, good job! I didn't know we could use clamp for the responsive part. Thanks for the info !
Hey, good job ! I see you used TailwindCSS. It's a good framework for CSS !
Despite being minimalist, the recipe landing page has some subtle design that can throw you off balance chuckles but it's all fun.
What I'd do differently next time is to spend more time analyzing the entire design so I could pick out those subtle design instead of being caught unaware smiles
What challenges did you encounter, and how did you overcome them?There was unordered and ordered spacing between the bullets and their elements. I was able to fix it using padding for the li items.
The ability to remove the border from the last table elements but eventually did that using the pseudo-classes.
Finally, the mobile design wasn't hard, I simply remove the margin for my main container, set the image to full width and assigned padding to only the content elements below the image.
Hi,
Well done, you did a great job ! I agreed with you, this challenge contain some subtle design. I'm also happy to see you managed to overcome the challenges you encountered, especially the spacing between the bullets of list items, and the border of the last table element. Those one can be tricky.
Hi,
You did a great job well done ! Keep up the good work !
In .box div I tried to addapt the site for mobiles screens, but I can't change the size of the .box in this div, so it's take the full size of the div, and I can't solve this.
Hi,
Great solution you've made ! Keep up the good work ! For the problem you have with the width of the .box div, I recommend you to check again the class name you put in index.html and in index.css.
Little advice : class name are case sensitive and must be exactly the same in the two files ;)
