@kpanchal29Submitted 4 months ago
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
Omlan
@omlan99All comments
- @mayank1405Submitted 4 months agoWhat 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.
@omlan99Posted 4 months agoYour 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 helpful0 - @atshakibSubmitted 6 months agoWhat 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
@omlan99Posted 6 months agoHello 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.
0 - @Vaibhav507Submitted 6 months ago@omlan99Posted 6 months ago
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 helpful0 - @tflinchSubmitted 7 months agoWhat 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.
@omlan99Posted 7 months agoYour code looks good. You have done an excellent work without style reference.
0 - @vijeth-kharviSubmitted 7 months agoWhat 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?.
- @bra-BenSubmitted 7 months agoWhat 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.
@omlan99Posted 7 months ago@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.
0 - @stoneandreSubmitted 7 months ago@omlan99Posted 7 months ago
@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.
0
