@samritbasnet
P
nekefer
@nekeferAll comments
- P@nekefer
good job, you use flex on your body, use flex-direction: column to flix the problem with your main and footer
Marked as helpful - P@kharalhamza98What are you most proud of, and what would you do differently next time?
Through this project, I learned about positioning and transforming when trying to place the checkmarks as bullet points. it took a long time but I finally honed it in and got it to work as indented.
What challenges did you encounter, and how did you overcome them?My two biggest challenges were the checkmarks and the main image in the mobile view. I have not been able to solve the main image problem but have solved the checkmark problem. Any advice for the main picture on the mobile view would be greatly appreciated.
What specific areas of your project would you like help with?In the mobile view, the main image at the top is not showing the way the figma files have intended. I have asked in the discord and used GPT to help but have not been able to come up with a solution.
P@nekeferfor the image on mobile you can use picture to solve the problem easly. That will help you to change your image depending on the size of you viewport.
you can check this video to see how to do it : https://www.youtube.com/watch?v=Rik3gHT24AM
- P@fsahinbasP@nekefer
good job
- P@nekeferWhat are you most proud of, and what would you do differently next time?
N/A
What challenges did you encounter, and how did you overcome them?N/A
What specific areas of your project would you like help with?N/A
P@nekeferthanks, Yeah I know it's better to use em and rem than px, I'm working on it.
- @steveostlerWhat are you most proud of, and what would you do differently next time?
Building mobile first and changing layout with media queries and css flexbox and grid. I should try and clean up my css
What challenges did you encounter, and how did you overcome them?Unsure how to add a background image with a color overlay
What specific areas of your project would you like help with?How do I add the header images so they expand off the sides as the design file shows
P@nekefergood job
- @MaanAlHababiWhat are you most proud of, and what would you do differently next time?
I'm proud of knowing I had an idea of how I could reorder the grid's items i.e. positioning the 5th testimonial card to the far right and have it take up 2 rows. However, part of me feels like my method is very hard-coded. I would appreciate feedback on this point.
What specific areas of your project would you like help with?The z-index of the quotation mark image doesn't work as I intended it to. No matter what I tried, the quotation image always seems to appear in front of the rest of the testimonial card's content.
P@nekeferFor the quotation mark image the best thing to do is to use background image then you will not have z-index problem anymore: what I did is :
background-image: url("./images/bg-pattern-quotation.svg"); background-repeat: no-repeat; background-position: top right 50px; - @MaanAlHababiWhat are you most proud of, and what would you do differently next time?
I'm proud of knowing I had an idea of how I could reorder the grid's items i.e. positioning the 5th testimonial card to the far right and have it take up 2 rows. However, part of me feels like my method is very hard-coded. I would appreciate feedback on this point.
What specific areas of your project would you like help with?The z-index of the quotation mark image doesn't work as I intended it to. No matter what I tried, the quotation image always seems to appear in front of the rest of the testimonial card's content.
P@nekeferyou need to center your grid content, for that just use the following style on the body :
display: flex; justify-content: center; align-items: center;Marked as helpful - @martbudrP@nekefer
do you need some help? your solution doesn't work at all.
- @prophesiercWhat are you most proud of, and what would you do differently next time?
I am most proud of having a comfort in using FlexBox to easily create a responsive layout.
What challenges did you encounter, and how did you overcome them?I had some very minor challenges trying to get my cover image perfect in both the mobile and desktop display
What specific areas of your project would you like help with?Some areas I would love help in is better usage of FlexBox and what containers to apply it to, and prettier image placements
P@nekefernice work
- @rubensgabrielWhat are you most proud of, and what would you do differently next time?
What I'm most proud of is having understood exactly how to organize all the content as soon as I started the project, and I believe I wouldn't do anything different from what I did, except perhaps using other tools to explore more possibilities
What challenges did you encounter, and how did you overcome them?I had some doubts when editing some elements in CSS, but it was just a matter of researching a little and finding solutions.
What specific areas of your project would you like help with?So far, I have a good understanding of the elements I have used so far.
P@nekeferThe last row of the table does not have a border in the design.
- @dimitrimabomWhat are you most proud of, and what would you do differently next time?
What I'm most proud of is my code and the fact that this project only took me an hour.
What challenges did you encounter, and how did you overcome them?N/A
What specific areas of your project would you like help with?N/A
P@nekeferI like your custom
- @rvupmo33What are you most proud of, and what would you do differently next time?
I was most proud of being able to center the card in the middle of the page. Next time I would take some time to figure out sizing and related matters.
What challenges did you encounter, and how did you overcome them?I had some challenges centring the card. To solve this issue I googled the problem and read several blogs that explained how to overcome the issue.
What specific areas of your project would you like help with?If there is anything wrong (apart from the size 😭) just let me know!
P@nekeferYou're welcome. Good job. The text spacing is not so important.
- @BarrosLucasJavierWhat are you most proud of, and what would you do differently next time?
I managed to make it very similar to the original. Next time I'd try to use some framework.
What challenges did you encounter, and how did you overcome them?None
What specific areas of your project would you like help with?I would like you to help me do this in a more professional way.
P@nekeferI think there are some hover effects to apply to the card. If you pay attention to the Figma design, you will see that when the cursor is on the card, the box-shadow becomes bigger.
- @rvupmo33What are you most proud of, and what would you do differently next time?
I was most proud of being able to center the card in the middle of the page. Next time I would take some time to figure out sizing and related matters.
What challenges did you encounter, and how did you overcome them?I had some challenges centring the card. To solve this issue I googled the problem and read several blogs that explained how to overcome the issue.
What specific areas of your project would you like help with?If there is anything wrong (apart from the size 😭) just let me know!
P@nekeferI think the size of your card doesn't match the design. You can check the card's size by downloading the Figma file and importing it into Figma. There, you will find the correct size of the card.
Marked as helpful
