@amna1526
@JerryIrawan14
Submitted
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
@amna1526
Posted
Use box shadow property to add shadows
@canbld
Submitted
@amna1526
Posted
Great job!
@Des2Dev
Submitted
Hello! guys 👋
I have completed the product preview card component challenge successfully. And I found difficulty in using BEM, please feel free to give feedback if you know how to improve BEM. I appreciate any feedback, thank you in advance 🙏
@amna1526
Posted
I really like the responsiveness of your design and would like to know, where did you learn how to do that?
@sylpx14
Submitted
@amna1526
Posted
Using table was a good idea, nice job!
@patsmith41
Submitted
What are you most proud of, and what would you do differently next time?
I am most proud of finishing the project. This was the first time I have used Git, and feel much more comfortable now with it.
What challenges did you encounter, and how did you overcome them?
The biggest challenge for me was trying to get the dimensions as close to the example as possible. Trial and error was the way I overcame the challenge.
What specific areas of your project would you like help with?
I would like help with understanding if the way I centered everything was the best and most efficient way to do it.
@amna1526
Posted
Not sure about it being the best way, as I am new to code myself but I usually center the text the way u did and use this to center images:
margin: 0(or whatever u like) auto;
@FatimaZaka
Submitted
What are you most proud of, and what would you do differently next time?
This was my first beginners level html and css task to create a personal social link page.
What challenges did you encounter, and how did you overcome them?
Positioning all the elements correctly was most challenging.
@amna1526
Posted
Good effort dear! Here are a few recommendations for you:
--- Try using a class for all three of your links and then in css style that class, instead of styling each link separately
--- You were supposed to copy the original design exactly I think, instead of making it your own, but you did the styling well anyway
--- You were not supposed to use a gradient here
--- You should use an a:hover CSS selector to style the links when the viewer hovers over them, this was required in the challenge, check out my code if confused about this part, https://github.com/amna1526/Social-links-profile
@RNSDaniel
Submitted
What are you most proud of, and what would you do differently next time?
.
What challenges did you encounter, and how did you overcome them?
.
What specific areas of your project would you like help with?
.
@amna1526
Posted
Nice code! I think you got the color and the font-size of your h3 wrong, also you should use headings in order, the first heading in your html should be h1.
@GabrielChiarelli
Submitted
@amna1526
Posted
Very good try there! You have a bit more top and bottom margin than the design, other that that it is good.
@kaushal-Prakash
Submitted
@amna1526
Posted
Nice Code!
@Mirjax2000
Submitted
What are you most proud of, and what would you do differently next time?
I made component to the center of the screen with flexbox. I also use sass function target/content for em unit calculation.
@function em($target, $content) { @return calc(($target / $content) *1em); } for example .card{ margin-bottom: em(32,16) }
there is no fixed values, all is in em unit. So if you change default font size everything will change properly.
next time i will add javascript function for that qr generator instead of picture only and on the backround i will try to make circle with css. position relative and so on.
What challenges did you encounter, and how did you overcome them?
recalculate to the em unit.
What specific areas of your project would you like help with?
I think its is all right for the moment
@amna1526
Posted
In my opinion, and that is the opinion of a noob, your work is awesome, keep it up!
Marked as helpful
