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

  • @Daniel999l

    Submitted

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

    Just by seeing the screenshot, I was able to deduce how I was going to write the CSS code. especially the "flex direction: column;" for the middle layout with two different card.

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

    I had a very stupid problem that took me a while to get. in my media query instead of "(min-width: 1024px)", I wrote "(min-width: 1024)". It took me a while to get it but I was able to solve it and I finished the project soon after

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

    I'm good for now.

    P

    @RadaidehDaniel

    Posted

    Thanks, Daniel, for sharing your design with us.

    I want to mention one recommendation, which is using semantic HTML. You use <div> only in your HTML structure.

    You can learn more about semantic HTML by reading this article.

    I hope this helps.

    0
  • Chris 100

    @cgyeager

    Submitted

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

    .

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

    not sure how to get image in desktop to match original

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

    any

    P

    @RadaidehDaniel

    Posted

    Define width and height values.

    0
  • P

    @RadaidehDaniel

    Posted

    Good job, Nomakhosi.

    I want to add one trick to your arsenal.

    Instead of using an inline-styles

    <th style="border: none;">Fat</th>
    <td style="border: none;">22g</td>
    

    you can replace it with a CSS line

    table tr:not(:last-child) {
      border-bottom: 1px solid #ddd;
    }
    

    This will add a border line to the bottom of each row, excluding the last row.

    Marked as helpful

    0
  • Aditya 60

    @Adkasy

    Submitted

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

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

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

    P

    @RadaidehDaniel

    Posted

    Good job, Adkasy.

    I am a beginner developer, so I will help with what I have learned.

    #1 Your design seems to be crushed on smaller screens (below 386px). Specifically, the paragraph 'Front-end developer and avid learner' and the <h1>Jessica Randall</h1> section. To address this, consider the use of the CSS property text-align.

    .profile-container {
    text-align: center;
    }
    

    #2 I do not recommend using inline Styles, making style debugging harder in bigger designs.

    <p style="font-size: medium; font-weight: 300">
    	"Front-end developer and avid learner"
    </p>
    

    I hope this help.

    Marked as helpful

    0
  • P

    @RadaidehDaniel

    Posted

    Good job asserio10.

    I am a beginner developer, so I do not have much experience in front-end development.

    I want to point out a few points in the design that could be improved.

    First, the "HTML & CSS foundations" title should have a hover effect that changes its colour to yellow.

    h2:hover {
    color: yellow;
    }
    

    Second, Figtree font should be applied to every text.

    html {
    font-family: 'Figtree',sans-serif;
    }
    

    I hope that I helped, and I am sorry for any English language mistakes.

    0
  • @angelica-viana

    Submitted

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

    Consegui resolver o desafio de forma ágil e fixar os conhecimentos já adquiridos em HTML e CSS.

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

    Centralizar todo o componente na tela. Pesquisas no Youtube.

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

    No momento nenhuma.