Ayorinde Maryam Oluwatoyin
@MARYAMTEEAll comments
- @haquanq@MARYAMTEE
Great Job!
- P@a-d14What specific areas of your project would you like help with?
I need help with the icon-next and icon-previous svgs. I am unable to style them as per the specification. When I try to resize them the svg gets clipped. And the arrow has a shape different than provided in the figma file.
Also please check the project for accessibility, I tried my best to make the website as accessible as possible but it is possible that I missed a few things, or a lot of things.
@MARYAMTEEGood job, well done. I think you should put more work in your media query
- P@jfp99@MARYAMTEE
Welldone
- @PaJuloyDedys@MARYAMTEE
Nice work so far! Now give the body a full height (height: 100%) and apply Flexbox or Grid to centralise the content. – If using Flexbox, use justify-content: center and align-items: center. – If using Grid, use place-items: center to centralise everything both vertically and horizontally. Best of luck
- P@katrien-sWhat specific areas of your project would you like help with?
I am aware it's entirely overdue using React for an Accordion. But it nevertheless had me encounter issues:
- add hover effect on the title & how to make the title clickable
- how to add in A11y
- how to change background-color in icons/components from other libraries
- how to work with images in React and optimizing for deployment
This I will take with my for future projects and adapt here once I figured out.
@MARYAMTEEGreat job, well done! Now, you need to add the star icon beside your header text and make sure the first FAQ answer is displayed by default
- P@katrien-s@MARYAMTEE
Great job
- @Jace-0@MARYAMTEE
Great job, well done. Setting height: 100vh on the body helps center content vertically, especially when combined with Flexbox. It works well for full-page layouts
- @Adesmith001@MARYAMTEE
Great work! Keep it up
- @KKen007@MARYAMTEE
Great job! This looks amazing 👏
- @Liwix420@MARYAMTEE
Great job, well done
- @WajahatAli130What are you most proud of, and what would you do differently next time?
I got the site looking pretty similar to the example, even though there are some small details missing.
What challenges did you encounter, and how did you overcome them?At first I was feeling so lazy and unmotivated to start because of all the code that I would have to write for this. So many tags and containers! At one point I got really frustrated with the code because it looked so confusing but then I created a new HTML file and build everything from scratch and that helped me complete this challenge.
What specific areas of your project would you like help with?How do I add lines between the rows of the table? And how do I get rid of the white border around the beige background?
@MARYAMTEEEnsure the design is viewed at 100% for accurate sizing! It's a crucial step for precision. Just double-check your screen resolution and zoom settings to avoid any scaling issues. Keep it up!
Marked as helpful - @LucasedcmWhat specific areas of your project would you like help with?
I cannot understand why there is no margin between the main container and the page borders when I enter the site using my phone. The width of the container seems to be fixed and I don't really know how to change that.
@MARYAMTEEGreat job!
- @Lucasedcm@MARYAMTEE
Great job
- @NeoV10What challenges did you encounter, and how did you overcome them?
Getting the grid of jonathan to his place, I don´t know how I did it but it worked xd, I guess there has to be a better option to get the page done, but I don´t know how.
@MARYAMTEEGreat job on your mobile-size design!
- @NeoV10@MARYAMTEE
Great job. One thing to consider is adding a desktop view to make the design fully comprehensive. This will ensure it works seamlessly across all devices and showcases your versatility. Keep up the great work.
- @venkatesh-khatake@MARYAMTEE
Congratulations on completing the challenge. A great design I must say. No suggestions