Design comparison
Solution retrospective
Hello, I am a beginner in Frontend Skills also in English, so feedback will received very well.
Community feedback
- @webdev1kevPosted almost 3 years ago
You can add some box-shadows to the Payment button and the Card with box-shadow property to make those elements stand out like in the design.
Maybe make it a little a bit smaller width size
Add the background image in the css file with background-image: url() that came in the challenge to have that nice wavy two-toned pattern in the back instead of just one color.
Alot of it is really just trying to get as close as you can to the design given.
Pretty good job! Keep it up and happy coding.
0 - @HarshalFSDPosted almost 3 years ago
Hi, I'm Harshal also a junior Frontend developer. your solution is really good and neatly placed between the container. but in your description class you have did something different with your mind, you have applied CSS flex property justify-content: space-between; it's ok but doesn't match to original. I think you will find this solution helpful.
.description { display: flex; align-items: center; background-color: which you want; padding: 20px; } img { margin: 20px; } a { margin: 0px 10px 0px auto; }
0 - @Adarshk18Posted almost 3 years ago
Hello every one i m a Beginner in this field ..please teach me something about this
0@HarshalFSDPosted almost 3 years ago@Adarshk18 Acquire the knowledge about HTML CSS and Javascript and then start-building projects.
0
Please log in to post a comment
Log in with GitHubJoin 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