@kpanchal29
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
Latest solutions
Product Card
#sass/scss#accessibilitySubmitted about 1 year agoI had approached for mobile design first and used rem as unit this makes mobile version accurate to design but faced difficulties on desktop version to be accurate.
Recipe Page
Submitted about 1 year agoIt will be helpful to know the mistake I have made on this project. And what could be done better or more accurate with more efficiency.
Social media link
Submitted about 1 year agoMaybe on mobile device it doesn't look exact as design. The height of card on design quite smaller than my solution. My solution can't show the border radius on small device. I would like some help to make it perfect on all device.
Latest comments
- @omlan99
You did an awesome Job. Keep up the good work.
- @mayank1405What 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.
@omlan99Your 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 - @atshakibWhat 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
@omlan99Hello 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@omlan99
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 - @tflinchWhat 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.
@omlan99Your code looks good. You have done an excellent work without style reference.
- @vijeth-kharviWhat 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?.
@omlan99simple div element with height and width can make the card.
