@francisco320
@kubabebe
Submitted
What are you most proud of, and what would you do differently next time?
Thanks to the experience from the previous challenge, doing this was much easier.
What challenges did you encounter, and how did you overcome them?
Fit image from normal view into 'smaller device' view.
img {
width: 279px;
height: 200px;
object-fit: cover;
border-radius: 10px;
}
What specific areas of your project would you like help with?
Code review.
@francisco320
Posted
to answer your second question what i do is
**<div class "img-container"> <img>
</div> them on css i made this .img-container{ width:320px } and to img img{ width:100%; height:auto; } **@ARUNKUMAR2906
Submitted
What are you most proud of, and what would you do differently next time?
I'm most proud of the progress I've made in implementing responsive design and ensuring cross-browser compatibility in my project. It was challenging to make the layout work seamlessly across different devices and browsers, but seeing the final product perform well in various environments has been incredibly rewarding.
What challenges did you encounter, and how did you overcome them?
None
What specific areas of your project would you like help with?
I need help ensuring that my layout is fully responsive and looks good on all screen sizes. Any tips or resources on media queries and flexible grids would be greatly appreciated.
@francisco320
Posted
its a great job my friend.
just one thing. dont repeat instructions on css. make a class for styles for you can make a class about the text if you look card-title and card-para they have almost the same
Marked as helpful
