@unqmahesh
Submitted
@ivanparraoda
@unqmahesh
Submitted
@ivanparraoda
Posted
.
@finnotm
Submitted
This is the first time I did a project provided by Frontend Mentor. It is not pixel perfect. I am having difficulty in making the image contain the space while in mobile view. Any criticism and suggestions are appreciated.
@ivanparraoda
Posted
hi!!, To address the issue of making the image contain the space in mobile view, you could solve it by removing the padding from the "body-wrap" class and adding a common class to each section of the page where you add the padding that all sections will share. This way, you can control the spacing uniformly across all sections while ensuring that the image fits properly within the designated space.
@r3cla
Submitted
This was fun and I think I learned alot. If anyone has some feedback, I am eager to see it and grow my skills :)
Thanks
@ivanparraoda
Posted
Hello, congratulations on completing the challenge. I would like to point out some areas where you could improve the code. In the body, it's not necessary to include the overflow in this case; you should only adjust the measurements of the containers, taking into account margins and padding. Specifically, you can use box-sizing in the body, and setting the width of the card container to 100% is not necessary; you can use a specific measurement and adjust it with max-width for responsive design.
Marked as helpful
@AlyssonDemari
Submitted
Using grid display for the first time, I couldn't organize the columns vertically, so I ended up using flex. On hover, I couldn't eliminate the extra pixel that is applied when the hover is activated. If you have a tip, please comment.
@ivanparraoda
Posted
Hi, "The issue of extra size on hover is because you placed an h2 inside the anchor; that h2 is not needed. If you remove it and only place the text you need inside the a tag, the problem is solved."
"Flexbox is especially useful when you need to organize elements in rows or columns. You can use flex-direction: row; for a row layout or flex-direction: column; for a column layout." Create a Flex Container: Apply display: flex; to the container you want to make a flexible container.
The next website is very useful to understand flexbox https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Marked as helpful
@slothXgod
Submitted
i mostly used youtube tutorials to complete this project, i think i learnt a lot since this is my first project after buying a laptop, question is? is that a good thing? or its cheating?
@ivanparraoda
Posted
Hi! I don't think it's cheating if you try to understand what they're doing. And use a tutorial as a resource to apply it to what you're doing I think it's a good idea. It is simple to learn by seeing how what you are learning is applied.