@rachelktyjohnson
Latest solutions
Latest comments
- @zigahchristian
Am very sure you did the work without the figma file. It is accessible and would look better if you reduce the padding at the top. The output is a little different from the solution. The solution almost look the same.
- @luckylegume@zigahchristian
Great output. It is responsive and accessible. Layout looks almost the same with the solution with a slight difference.
- @GLOPOWhat are you most proud of, and what would you do differently next time?
Since this project design was quite similar to that of the qr code component, I managed my time well and finished in approximately 30 mins
I have improved in my speed with little to ne mistakes
Thank you frontendmentor.io
What challenges did you encounter, and how did you overcome them?One of my greatest challenge was centering my card in the middle of any screen size
But i went back to a previous challenge (QR code component) and noticed mistakes i was making
@zigahchristianFeedback
HTML include semantic, it is accessible and the height of the card has to be worked on responsive height. It looks great on a large screen but not responsive on smaller screen. Code is minified and the only difference from the solution is the height of the Card.
- @Jerome-girWhat challenges did you encounter, and how did you overcome them?
I did not succeed in modifying the svgs in mobile mode, I subsequently saw that it was possible to do so by passing my svg into a component by modifying it (by removing fill, height and width it seems to me ) by giving it the props classname to be able to modify it later in my page. There may be another, simpler solution to do this.
What specific areas of your project would you like help with?I would like to have feedback on responsive versus svg, how I could best modify an svg in mobile mode.
@zigahchristianSuggestion
Dont worry about svg stuff's yet you will learn to make that at the advance stage.
You problem now is responsiveness. learn more about h-screen' tailwindcss.
