P
samritbasnet• 180
@samritbasnet
Submitted
P
nekefer
@nekefer
All comments
- PHamza Kharal• 50
@kharalhamza98
Submitted
What 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.
for 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
0 - PFatih ŞAHİNBAŞ• 470
@fsahinbas
Submitted
good job
0 What 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
thanks, Yeah I know it's better to use em and rem than px, I'm working on it.
0- PStephen Ostler• 210
@steveostler
Submitted
What 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
good job
0 - Maan Al-Hababi• 190
@MaanAlHababi
Submitted
What 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.
For 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;0 - Maan Al-Hababi• 190
@MaanAlHababi
Submitted
What 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.
you 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
1 - martbudr• 90
@martbudr
Submitted
do you need some help? your solution doesn't work at all.
0 - ProphesierC• 200
@prophesierc
Submitted
What 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
nice work
0 - Rubens Gabriel• 100
@rubensgabriel
Submitted
What 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.
The last row of the table does not have a border in the design.
0 - Dimitri MABOM• 30
@dimysenpai
Submitted
What 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
I like your custom
0 - AB• 60
@rvupmo33
Submitted
What 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!
You're welcome. Good job. The text spacing is not so important.
0
