Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Preview card using Flexbox

Ayush Nathβ€’ 360

@Beats-Ayush

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Feel free to criticize if there are any issues.

Community feedback

Naveen Gumasteβ€’ 10,460

@NaveenGumaste

Posted

Hello Ayush Nath ! Congo πŸ‘ on completing this challenge

Let's look at some of your issues, shall we:

  • The element button must not appear inside a tag.

  • Reduce the border-radius of the card.

happy CodingπŸ˜€

Marked as helpful

0
Shashree Samuelβ€’ 9,260

@shashreesamuel

Posted

Hey Beats-Ayush excellent work completing this challenge. It looks seemingly close to the design however I think the font of the title can be just a bit smaller to match the design.

In terms of your validation errors, the <button> tag cannot be within an <a> since both are meant to be interactive.

I hope this helps

Cheers Happy coding πŸ‘

Marked as helpful

0

Ayush Nathβ€’ 360

@Beats-Ayush

Posted

@TheCoderGuru Thanks for the feedback. I just wanted to ask if there is any way I could compare my design with the actual design beforehand so that I could be more precise.

Also the validation error makes sense now after your explanation.

0
Shashree Samuelβ€’ 9,260

@shashreesamuel

Posted

Beats-Ayush when you download the starter files you get a desktop preview image and a mobile image. The desktop image is the image currently shown as the actual design.

Hence when you are coding you just have to watch the respective image to have an idea if you are on the right track.

I hope this clarifies your question

Cheers, Happy coding πŸ‘

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord