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

All comments

  • @khatri-rohit

    Submitted

    What are you most proud of, and what would you do differently next time?

    JS code was the most important part of the project and I have completed successsfully

    What challenges did you encounter, and how did you overcome them?

    No thing

    What specific areas of your project would you like help with?

    It's easy

  • @khatri-rohit

    Submitted

    What are you most proud of, and what would you do differently next time?

    I just maded a responsive button

    What challenges did you encounter, and how did you overcome them?

    Managing changes made after pressing the button

    What specific areas of your project would you like help with?

    All the things and elements of this project were easy the problem was managing them effectively

    @complic8-coder

    Posted

    Well done!

    0
  • @nrmoser50

    Submitted

    What are you most proud of, and what would you do differently next time?

    Figuring out the margin-bottom feature to create spacing between elements within

    The hover feature was also fun to play with.

    What challenges did you encounter, and how did you overcome them?

    The margin stylings for different parts. Using AI I discovered "main > *" would give me the spacing between elements.

    What specific areas of your project would you like help with?

    For one, I'm stuck on how to properly stack and align the rest of the text to get it closer to the sample given.

    How to keep the cursor as a pointer when hovering over the rather than it turning into the text cursor.

    I'm sure there are other aspects I'm missing or can improve on.

    @complic8-coder

    Posted

    Hello Nicholas, I'd be happy to assist you.

    • One way to get a closer look at the given design is to match the width of the design to the content, in this case, the card.
    • 'main > *' refers to all elements within main, meaning you assign the same margin to different elements. This can be helpful, however, most have different margins.
    • To make the cursor appear as a pointer when hovering over an element, add the cursor: pointer property to that element in your CSS.

    I hope you find this information helpful. With that, happy coding!

    Marked as helpful

    1
  • @khatri-rohit

    Submitted

    What are you most proud of, and what would you do differently next time?

    It feels good when you create some thing

    What challenges did you encounter, and how did you overcome them?

    Managing grid was a different task then usual

    What specific areas of your project would you like help with?

    It was easy no help needed

    @complic8-coder

    Posted

    Great job on completing the project, Rohit!

    I want to suggest using the assets inside the images file and the fonts included in the style-guide.md file provided in the project. Additionally, I recommend using the gap property when working with Flexbox or Grid to prevent your cards from overlapping.

    With that, good luck!

    0
  • @complic8-coder

    Posted

    Well done, droethECC! One improvement would be to remove the margin from the cards since there is already a gap between them.

    Other than that, keep it up!

    0
  • @mvassari73

    Submitted

    What are you most proud of, and what would you do differently next time?

    hello

    What challenges did you encounter, and how did you overcome them?

    hello

    What specific areas of your project would you like help with?

    hello

    @complic8-coder

    Posted

    Hello @mvassari73, I have some suggestions that could help improve your project.

    • To make it responsive, it's recommended that you add media queries to the design. You can use the mobile-design.jpg image to help.
    • Fix the width of the container to match the design. I recommend replacing width: 1440px with 600px as it is the closest width to the design.
    • Replace <div class="container"> with the main element. This helps to identify the main content of the page, which in this case is the content inside the card.

    I hope you find these suggestions useful. Good luck on your next project!

    0
  • @complic8-coder

    Posted

    Hi @richy62, nice job on the project.

    Don't forget to add the fonts to the project by selecting the following fonts in the style-guide.md file or linking the fonts inside the font files.

    Wish you luck on your next project!

    Marked as helpful

    0
  • P

    @RegexRiddler

    Submitted

    What are you most proud of, and what would you do differently next time?

    I'm happy with the design accuracy.

    What challenges did you encounter, and how did you overcome them?

    I wanted to forgo any media query bu using the clamp function on my card padding, however clamp seems to not work on padding. I ended up using media query to set my paddings.

    What specific areas of your project would you like help with?

    All of my links are "span" elements as children of a "div". Is it ok to use "span" when making call to action buttons or is the "button" element preferred?

    @complic8-coder

    Posted

    Well done on the project, @RegexRiddler.

    I recommend replacing the span tags inside the social links container with hyperlinks (<a href="#"></a>). Since they are social links, they should link to the social media page.

    Otherwise, well done!

    Marked as helpful

    1
  • P

    @grifano

    Submitted

    What are you most proud of, and what would you do differently next time?

    I read about variables fonts and it is something new I learned.

    What challenges did you encounter, and how did you overcome them?

    No at all.

    What specific areas of your project would you like help with?

    I was wondering if I did right when I set max-width: 100% for images for desktop screens 🤔

    Or if I should export two images corresponding to screen sizes as we did on my course, but I thought that because this is an SVG it would stretch without quality loss.

    @complic8-coder

    Posted

    Hi, Serhii,

    I think you had done right with setting max-width: 100% for images, which ensures that images resize appropriately according to their container width. Additionally, I don't think adding two images is necessary at the moment.

    Otherwise, good work, and good luck with your next project!

    Marked as helpful

    1
  • @WitWizardK

    Submitted

    What are you most proud of, and what would you do differently next time?

    Do better than this time

    What challenges did you encounter, and how did you overcome them?

    It's quite hard to understanding the properties

    What specific areas of your project would you like help with?

    HTML , CSS

    @complic8-coder

    Posted

    I am unable to see your project site display. Could you please provide the link to it?

    0