@louloumwana
Latest solutions
Responsive Social Links Profile Using HTML & CSS
Submitted 8 months agoIs it possible to complete this challenge without using media query? If yes, what can I change to achieve that result?
Latest comments
- @joaomfandre99
Adding some padding to the card would approach your solution to the design. The titles have a stronger bold than the ones from the design.
Other than that, your solution is responsive and looks good!
Marked as helpful - P@Pokerlo442What are you most proud of, and what would you do differently next time?
I designed mobile first this time, it took longer than usual but I am satisfied.
What challenges did you encounter, and how did you overcome them?The header image was not in the container of the rest of the content, which caused the image to be displayed too large for larger screen sizes. I solved it with an extra container for the image.
What specific areas of your project would you like help with?Is my HTML semantically correct?
@joaomfandre99Your solution looks pretty good and close to the design! Your HTML also seems semantically correct, congrats.
- @FahrenXIXWhat are you most proud of, and what would you do differently next time?
I think most things went okay. Personally I think the thing I should consider next time is using a spacing multiplier.
What challenges did you encounter, and how did you overcome them?Some spacing things were a little challenging to do them in a main project, but a lot of googling solved most issues.
What specific areas of your project would you like help with?Anything too different from the intended design would be nice to have pointed out to me.
@joaomfandre99Although the solution is smaller than the design I still like it. It is similar to it and is responsive.
The only thing you're missing is changing the color of the buttons to green when you hover them.
Keeping the font weights in different classes was clever!
- @Invisible042What are you most proud of, and what would you do differently next time?
i was able to make both mobile and desktop design responsive
What challenges did you encounter, and how did you overcome them?i tried making the svg image come out in full but it seems like it is getting cropped(not displayed in full), i am still trying to fix this
What specific areas of your project would you like help with?how do i properly position or embed image, it seems like some part of my image is out of the picture or getting cropped
@joaomfandre99Your image is getting cropped because in your svg css class you're setting the overflow to hidden.
You could set the svg width to match the containers width so it stays within the containers dimensions.
Hope that helps and good luck!
Marked as helpful - @Margo-Mikhael@joaomfandre99
The solution looks great. The css classes are reusable and clean, and the html well structured!
Marked as helpful
