Anywhere you observe that you think needs fixing, please let me know.
I was not able to completely figure out the interactivity so there are a lot of bugs with the button especially on different screen sizes, it still works but the button can go missing in some cases which will require you to refresh the browser...I had to create another media query for 1501px and upwards but to no avail, I have done my best and I sincerely hope someone can help me point out the errors I made and or solutions to the bugs the current website has...overall, this was a very good project and I am happy I made it this far (P.s, the bug mostly shows on larger screens, on mobile, there is no issue unless you switch to landscape mode)
I’m most proud of successfully setting up dynamic routing in Astro and rendering MDX content.
What challenges did you encounter, and how did you overcome them?Details in README.md file in github repo
What specific areas of your project would you like help with?All feedback is welcome. Thanks!
See senior dev showing off😂😂
Day of the week isn’t really correct from where I am😂😂 but this looks sick!!
This was my first time building with Astro, and I learned how to create a fast and optimized web page. There’s still a lot to explore, but this project gave me a great introduction to Astro’s features. Also, I had the opportunity to further practice integrating APIs into web applications.
Nice!!!
I will use Sass next time instead of vanilla css
What challenges did you encounter, and how did you overcome them?Ability to resize the SVG given. it took a while but with a viewbox i was able to solve it
What specific areas of your project would you like help with?The background curve image
I like the animation effect you did but your menu button does not work
Responsiveness can also be improved on, some things like input and buttons can be a bit bigger while images and fonts can be a bit smaller
The key is still responsiveness
Try using clamp for font sizes and use absolute values for images like rem instead of %
If you feel you need to use %, then use a max-width of 100% and width of 20rem ( for instance )
Better yet, put the image in a div, give the image 100% width and height
And in the parent div, add the things I talked about in the previous paragraph
Your page is not well responsive on mobile
Especially in landscape mode, it’s just jumbled up all over the place
And you have a horizontal scrolling issue as well
Creating the list and making color changes in the active states.
What specific areas of your project would you like help with?Using accessibility options correctly in my HTML code Write more efficient CSS
Your title says social links but the button takes me to a recipe page website, that’s an error
