P
@makogeborisSubmitted 15 days ago
Clock app with React | Styled Components | Tanstack Query | Axios
#axios#react#tanstack-query#vite#styled-components
Latest solutions
- Submitted 5 days ago
Intro section with dropdown nav made with Astro and tailwind css
#astro#tailwind-css- HTML
- CSS
- JS
- Submitted 23 days ago
Flyo landing page with Html, Css, Sass And JavaScript
#sass/scss- HTML
- CSS
Anywhere you observe that you think needs fixing, please let me know.
- Submitted about 2 months ago
Article preview component with html, css and js
- HTML
- CSS
- JS
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)
Latest comments
- @opeoluwa7Posted 13 days ago
Day of the week isn’t really correct from where I am😂😂 but this looks sick!!
1 - P@makogeborisSubmitted 16 days agoWhat are you most proud of, and what would you do differently next time?
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.
- @merit1992Submitted 10 months agoWhat are you most proud of, and what would you do differently next time?
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
@opeoluwa7Posted 23 days agoI 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
0 - @katkar098Submitted 23 days ago@opeoluwa7Posted 23 days ago
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
Marked as helpful0 - @rameesha0126Submitted about 1 month agoWhat challenges did you encounter, and how did you overcome them?
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
@opeoluwa7Posted about 1 month agoYour title says social links but the button takes me to a recipe page website, that’s an error
0 - @rameesha0126Submitted about 1 month agoWhat challenges did you encounter, and how did you overcome them?
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
@opeoluwa7Posted about 1 month agoI like your commitment
😂😂😂I wasn’t expecting that GitHub link to work, I thought it’d be a dead link since we don’t know who Jessica is😂😂
On a min width of 600px, try adding padding top and bottom to the body, maybe 70px each so your site looks better on larger screens
Your font size can be increased a bit, the green text, the bio and the button text too(this should also be a bit bolder)
Not sure if it’ll help but you can check my solution for this challenge as well
Marked as helpful1
