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
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 🙏
I really like the responsiveness of your design and would like to know, where did you learn how to do that?
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.
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;
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.
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
.
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?.
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.
Very good try there! You have a bit more top and bottom margin than the design, other that that it is good.
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
In my opinion, and that is the opinion of a noob, your work is awesome, keep it up!
