@MURUGAN008
Latest solutions
Responsive Testimonials Using Grid and FlexBox Css
Submitted about 2 months agoI would like help with better aligning the content inside each element to maintain balanced spacing. I used Flexbox for layout, but I faced an issue: when I set justify-content: space-between, cards with smaller content ended up with a large gap between the header and the description, which didn't feel user-friendly.
When I switched to justify-content: flex-start, the content aligned at the top, but it didn't match the intended design, which expects a more balanced and centered feel within each card. I’m looking for better techniques or best practices to handle this situation, especially for cards with different content lengths.
Responsive-Bento-Grid Using CSS Grid
#accessibilitySubmitted 4 months agoi need help on to know how other front-end mentor members developed were they use 1fr concepts or not?
Responsive FAQ Component using React and CSS Flexbox
#accessibilitySubmitted 5 months agoi need help on what color should i use for the header,and for each question item
Order-Summary-Component using css techniques flexbox
Submitted 5 months agonoting in my project because the projects i developed until now does not require a complex logic.
NFT-Card-Preview Component using css Grid and FlexBox
#accessibilitySubmitted 6 months agoas i declare at the top the project is straightforward so there is no such things that i require an assist.
Latest comments
- @shikurassefa
hey my friend
let me tell you the mistakes i saw in this page
- the background Color of your card is not look the given design
2.the color of the text and its font also does not look the given design
- @HaseebaAlhaddi@shikurassefa
hey @HaseebaAlhaddi nice work,but here is the mistakes i saw
1 first the font-family is different from the given
2 in body element you used height as 100vh instead it is better to use min-height
3 in accessibility rule do you think that proceed to payment and cancel order are they links? it is a button
- @littlepy@shikurassefa
good work... It includes semantic html...and the code is well structured.... keep going 👈👈👈👈
- @AndrooFrownsWhat are you most proud of, and what would you do differently next time?
I'm happy I was able to do it mostly by reminding myself of specific property names rather than being totally lost on how things could be structured.
Next time I would consider actually splitting my css into its own file, but I liked seeing how I felt about inline styles anyway
What challenges did you encounter, and how did you overcome them?centering the card vertically was a bit of a struggle that I had to google and find a few solutions for
What specific areas of your project would you like help with?I wasn't sure exactly the best way to decide for this the exact sizes/placements of the text. I thought the design guide said but it looks different than the image.
@shikurassefaHey @AndrooFrowns good try,but here is a suggestion you have to consider 1 you should have to include semantic Html element 2 your code is not well structured and organized
- @ankitashokgond@shikurassefa
nice project...the way you organize html which means you use semantic elements properly
