If someone could please review the code and offer any suggestions, that would be great, especially around the image structure and spacing.
Learning how to make the thumbnail image stretch without forcing its width
I wrote a minimal CSS confing, but the .card class is a little bloated.
What challenges did you encounter, and how did you overcome them?Working with composition and variants.
Looks good! Just double check the spacing between the elements
Cool stuff!
Being able to complete it in a reasonable time
What challenges did you encounter, and how did you overcome them?Learning how to use HTML tables
What specific areas of your project would you like help with?Any general advice
Great job!
The only noticeable thing missing is the bold text for the preparation time, but it looks solid!
I will use this part of the project as a template for my portfolio to show my social media platform links.
What challenges did you encounter, and how did you overcome them?I learned a good practice for button links.
What specific areas of your project would you like help with?I learned a good practice for button links.
Good stuff, Rohit!
Don't forget to add the hover effect to the links
a:hover {
background-color: green;
}
Getting there!
Feedback:
Don't forget to center the box in the screen, you can do this by using flexbox attributes and adding padding.
For the links, you added a div class called "links". Because they will be links, you should use anchors for your links, not divs, so instead of
<div class="links">GitHub</div> you should use:
<div id="links">
<a href="#" class="social-links" >GitHub </a>
<a href="#" class="social-links" >Frontend Mentor </a>
<a href="#" class="social-links" >LinkedIn </a>
<a href="#" class="social-links" >Twitter </a>
<a href="#" class="social-links" >Instagram </a>
</div>
And take it from there :)