@rodolfohgcSubmitted 5 months ago
Latest solutions
Social Links Profile in HTML & CSS
Submitted 5 months agoGeneral formatting, efficiency tips, and industry standards.
Responsive QR code component using Flexbox
Submitted 9 months agoI defined my colors as CSS variables in the body{} section, is there a more traditional way to assign 'changing' variables in CSS - or is this the way to go?
Latest comments
- @colleennicole223Posted 5 months ago
Looks great! Your image is slightly bigger than the original but I like it better that way. Your code is well-written and organized.
1 - @Gehad28Submitted 8 months agoWhat are you most proud of, and what would you do differently next time?
The most proud of is that I can now center a div easily :D
What challenges did you encounter, and how did you overcome them?Centering the text "Learning" inside the paragraph.
I used
What specific areas of your project would you like help with?vertical alignandline-heightproperties.I don't know if I should take the width and height of images and divs from the figma file or should I make them relative to their parents?
@colleennicole223Posted 8 months agoGreat work making your solution match the example. I interpreted that the width value should match the Figma file and then responsively scale down (width and text) to match the mobile solution. Good luck, hope this helps!
0 - @meredithincodeSubmitted 9 months ago@colleennicole223Posted 9 months ago
Hello!
There are just a few differences from the original design:
- not centered vertically
- box-shadow is a bit dark
- font, weight, size, and color of the header and text are different
- border-radius is a bit larger than the original
Hope this helps!
0
