Looking to hire developers?
So I feel like this is kinda messy. I came back to this project after a week to finish it. Feel free to slam me with feedback! One big thing I was struggling with is how to position the profile-pic image in a responsive way. I used transform:translate, but I couldn't find a way to make it super responsive. Any help would be great! Thanks!
@adarshcodes
Posted
Hi @danielhopler, Welcome to this amazing community, and also congratulations on submitting your first project. I would also suggest you to take a look at @grace-snow 's solution. She had done great work on it. Keep it up. Happy Coding😀.
Hi Daniel,
Add a little space around your card on mobile, it's hitting the sides of the screen for me.
In answer to your responsiveness question, take a look at my solution and see if that helps your understanding
Keep on coding
@MnsrHDJ
Posted
Nice Work i like it
@danielhopler
Posted
Thanks Grace! I will def do that. Yeah I should’ve tested it more. I also know my landscape mode doesn’t look pretty on the phone either. I tinkered with it but realized that the whole card needs to stretch and shrink. I’ll take a look at your code. Thanks!
@danielhopler I think your landscape version would work with a height 100% and min-height 100vh on the body...
Pay particular attention to the html tags used in my solution. From Looking at your html I'm not sure you've nailed html semantics yet. You'll get there, but these tags are problematic at the moment I'm afraid
@danielhopler
Posted
@grace-snow Thanks Grace. Yeah I don't know why I included two footers or didn't include the header within the main component. Practice, practice, practice! lol
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord
