Better way to make those blue backgrounds responsive, i did it using ::after
pseudo-class and absolute position but had to adjust them everytime i added a query to the parents element.
fa23bcs233
@fa23bcs233All comments
- @Steno-95What specific areas of your project would you like help with?@fa23bcs233
Good Work :)
- @Mahnoor366880@fa23bcs233
You build the page with accuracy but the problem is with the text you should hide the currently inactive text you can try setting is opacity to 0 and turning off the pointer events. Else you work is excellent
- @Binh05What are you most proud of, and what would you do differently next time?
I've become more proficient with CSS Grid and can now come up with layout ideas and handle structure much more effectively. However, I’m still facing some challenges when it comes to responsive design.
What specific areas of your project would you like help with?I would appreciate any tips to improve my responsive design skills — especially regarding
font-size
,padding
,margin
,width
andheight
, as well as best practices for handling images and respecting the user'sroot font-size
settings.@fa23bcs233Nice Work however I guess you are troubling with the gird as did I you can justify-content: space-between on the grid to make it take the whole width. Rest of you work is impresive at least for me.
- @rivojiddin792@fa23bcs233
nice work
- @MariaCMontO@fa23bcs233
Nice Work
- @Tonye-OnuohaWhat are you most proud of, and what would you do differently next time?
I am most proud of my ability to complete the project, and I would take extra time to plan the markup structure and design approach for my next project before I begin styling.
What challenges did you encounter, and how did you overcome them?Due to inadequate planning, I ended up stressing myself more than I should have. Regardless, I was a able to get the job done.
What specific areas of your project would you like help with?None that I can think of right now, however I am open to any sort of feedback on my work.
@fa23bcs233Put some effort on the margin and paddings etc and you will achieve your goal as everything is already well arranges and in the place :)
- @Mahakprajapati@fa23bcs233
Nice Work
- P@DevDiu071What are you most proud of, and what would you do differently next time?
Had the opportunity to practice accessibility and used Framer motion for the first time.
@fa23bcs233Just the adjust the margin around the heading to make it exact match.
- @saimasial-bitWhat are you most proud of, and what would you do differently next time?
I'm proud of helping users solve problems efficiently and creatively.
Next time, I’d focus more on guiding deeper learning and best practices.
What challenges did you encounter, and how did you overcome them?I faced challenges with CSS responsiveness and JavaScript functionality. To overcome them, I used Flexbox/Grid for layout fixes, media queries for responsiveness, and debugging tools like DevTools and console logs to resolve JavaScript issues.
What specific areas of your project would you like help with?I can help with UI/UX improvements, code debugging, and performance optimization. If you're using React, Vue, or vanilla JS, I can assist with best practices and API integration. Let me know your specific challenge, and I'll guide you!
@fa23bcs233You can make the project more appealing if you use the sperate containers for the form and msg and apply the text-align: center to only the second container. Also work on adjusting the margins of the nodes. Hope it would be helpful. Overall work is appreciated.
- @amir-mirzakhaniWhat are you most proud of, and what would you do differently next time?
.
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?.
@fa23bcs233Great Work
- @jrybarskiWhat are you most proud of, and what would you do differently next time?
I am most proud of my approach, because I had started doing mobile design first and switching to desktop, using media queries took me just a few lines of code and few minutes.
What challenges did you encounter, and how did you overcome them?Biggest challange was fetching data from .json file and come up with what logic I should use to approach this.
@fa23bcs233Your efforts on the project are appreciate you might have not developed the desktop view of the page work on it hopefully you will get it structured soon
- @luissrsan@fa23bcs233
Appreciate you efforts on the challenge. You need to sizing of the elements and work to be done on the margin with some little more efforts you will be close to finish the challenge.
- @a-2280What are you most proud of, and what would you do differently next time?
Im so happy I was able to figure out the javascript on my own.
What challenges did you encounter, and how did you overcome them?I feel like the problems I had were with absolute positioning but I fixed it with trial and error.
What specific areas of your project would you like help with?This is my first time writing Javascript. How did I do?
@fa23bcs233Good Work Just add the shadow to the article component
- @valen-webdWhat specific areas of your project would you like help with?
I'm pretty happy with how this turned out! But if you notice anything that could be improved, feel free to let me know!
Maybe I could write some parts of my code cleaner? 🤔️
@fa23bcs233You just need to position the grid correctly in the center of the screeen. Overall, you work is well done
- @nik-p12@fa23bcs233
Nice Work But you need to change the background to the correct one and also some work is needed on the font stylings
Marked as helpful - P@pietrodev01@fa23bcs233
Nice Work No it look you have the same problem as of mine with the iamge. I gave the the height to the container of the image and then added that to the image as well and set the object-fit property to cover in this image will take the whole height.
- @jadeli1720@fa23bcs233
Good Work But I think Like mine solution you also are facing problem with corrent margins
- @LucasLeitePereira@fa23bcs233
Your Links button a little smaller than the actual design overall it seems a good work