@kpanchal29
Submitted
What specific areas of your project would you like help with?
I want help with my list item shown in this page they are not similar as the challange so help me or guide me achieve that
@omlan99
@kpanchal29
Submitted
What specific areas of your project would you like help with?
I want help with my list item shown in this page they are not similar as the challange so help me or guide me achieve that
@omlan99
Posted
You did an awesome Job. Keep up the good work.
@mayank1405
Submitted
What challenges did you encounter, and how did you overcome them?
The design was quite simple. There was nothing that was too difficult as such.
What specific areas of your project would you like help with?
On pc the site looks fine but on mobile screen it doesn't look exactly like the design image. I think I need a good understanding of how to make changes depending on device. I have to understand the usage of media tag too. I will be needing someone's(Hi Dylan) advice on this matter.
@omlan99
Posted
Your code looks great. You did an awesome job. Your paragraph color can be changed to hsl(30, 10%, 34%); to match the design.
Marked as helpful
@atshakib
Submitted
What are you most proud of, and what would you do differently next time?
a
What challenges did you encounter, and how did you overcome them?
a
What specific areas of your project would you like help with?
a
@omlan99
Posted
Hello there 👋
Good job on completing the challenge !
Your project looks really good!
I have a suggestion about your code that might interest you.
Using external css is a good practice for maintenance in bigger projects. You can use letter-spacing for your h3. You can put your prices into a div make it's display flex and use gap property for spacing.
@Vaibhav507
Submitted
@omlan99
Posted
Hello there 👋
Good job on completing the challenge !
Your project looks really good!
I have a suggestion about your code that might interest you.
Some of the HTML elements are styled default by the browsers and each browser will have the own default styling of HTML elements, this makes us write browser-specific style handling. We can override the styles by selecting all the HTML elements having most of the values of your choice as provided in the below example. *{ margin: 0; padding: 0; box-sizing: border-box; } This will reset the margin and padding and then you can design margin and padding without changing according the browser.
Marked as helpful
@tflinch
Submitted
What are you most proud of, and what would you do differently next time?
This was a bit difficult with out Figma. Trying to guess the distance between each object is hard
What challenges did you encounter, and how did you overcome them?
Styling the buttons in the card. The font size is a bit off. I was able to get the width and the padding down.
What specific areas of your project would you like help with?
references to frontend stylings.
@omlan99
Posted
Your code looks good. You have done an excellent work without style reference.
@vijeth-kharvi
Submitted
What are you most proud of, and what would you do differently next time?
i have implemented few changes that i got as feedback from my last task submission
What challenges did you encounter, and how did you overcome them?
.
What specific areas of your project would you like help with?
.
@omlan99
Posted
simple div element with height and width can make the card.
@bra-Ben
Submitted
What are you most proud of, and what would you do differently next time?
I'm proud that I've been able to build the exact copy of the project. Secondly, I have a greater understanding of Flexbox now.
What challenges did you encounter, and how did you overcome them?
The main challenge was how to resize the QR image in its container.
@omlan99
Posted
@bra-Ben your code looks fine linking css file externally is a good practice for bigger projects. Try to avoid unnecessary classes. If margin top right bottom left are same you can use margin shorthand.
@stoneandre
Submitted
@omlan99
Posted
@stoneandre your code looks fine. One thing you can use main tag in the place of article all are same just the difference is main is referred to main element of html.