All solutions

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

I want to focus on media quaries next time!

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

I learnt alot from this challenge but specially at the table part i learnt that how align the conents.

below are the code snippets which i want to highlight:

  
        Nutrition
        The table below shows nutritional values per serving without the additional fillings.
        
          
            Calories
            277kcal
          
          
            Carbs
            0g
          
          
            Protein
            20g
          
          
            Fat
            22g
          
        
      

.instructions ol{
    padding-left: 25rem;
}
.instructions li{
    font-family: "Outfit", sans-serif;
    font-weight: 400;
    font-size: 16rem;
    color: hsl(30, 10%, 34%);  
    padding: 10rem 15rem;
}

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

I want to focus on media quaries!

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

I am very proud of my HTML and CSS skills but unfortunately i am facing difficulty on media quaries! so i want to focus on media quaries nex time.

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

I face challenge on the part of the anchor tags i was not able to do the alignment correctly but after thinking and recalling my notes i become capable to do do challenge easily!

below are the code snippets at which part i face difficulty:

  
            GitHub
            Frontend Mentor
            LinkedIn
            Twitter
            Instagram
          

a{
    text-decoration: none;
    color:hsl(0, 0%, 100%);
    display: block;
    background-color:hsl(0, 0%, 20%);
    margin-bottom: 10px;
    width:65%;
    margin:15px auto;
    border-radius: 10px;
    padding: 15px 26px;
    font-size: 0.875rem;
    font-weight: 600;
}

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

I need help on the css media quaries!

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

I am very Proud on my HTML and CSS skills in future i just want to focus on media quaries!

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

I faced difficulty while aligning the avatar image with avatar name, but after some try i done it with CSS Position property. below are the code snippets at that part i face difficulty:

 
        
        Greg Hooper
      

footer{
    padding: 20px 0 5px;
    text-align: left;
}
footer img{
    width: 35px;
}
footer .avatar-name{
    display: inline-block;
    position: relative;
    bottom: 12px;
    font-weight: 800;
    padding-left: 8px;
    color: hsl(0, 0%, 7%);
}
h1:hover{
    color:hsl(47, 88%, 63%);
}

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

Actually i need help to understand the concept of media quaries!

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

I proud on my HTML Skills and also on CSS box model but unfortunately i am facing difficulty to make websites responsive that's why i want learn CSS media quaries for making websites responsive. So i will make project with responsivness next time!

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

I learned alot of things during this challenge but at the some part of code i face some difficulty to align the h1 element and p element. Because of not writing the exact text on my HTML code....

below are code snippets on that part i faced difficulty:

            Improve your front-end skills by building projects
            Scan the QR code to visit Frontend Mentor and take your coding skills to the next level
          

.text{
    text-align: center;
    padding: 0 25px;
}
h1{
    color: hsl(218, 44%, 22%);
    font-family: "Outfit", sans-serif;
    font-size: 22px;
    font-weight: 700;
    padding: 20px 0;
}
p{
    font-family: "Outfit", sans-serif;
    font-size: 15px;
    font-weight: 400;
    padding:0 15px 30px;
    color: hsl(216, 15%, 48%);
}

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

I want to continue focus on media quaries to make website responsive beacuase i haven't learn media quaries yet.