Not entirely sure how to implement the background image. There's two circles, I noticed.
Rochak Pandey
@pandeyrochakAll comments
- @mjmorrison10Submitted about 3 years ago@pandeyrochakPosted about 3 years ago
You can check my solution here : https://www.frontendmentor.io/solutions/profile-card-built-with-html-and-css-iUOV9AWvC I have used Flexbox to align the top circle to left and bottom circle to right. Also, I used "position: absolute" to push to them to the edges.
Marked as helpful1 - @adityaauchihaSubmitted about 3 years ago
please any one can tell me why my image background color not changing ? your guidance will help me a lot. thank you also should i learn bootstrap now? i have learnt only html and css
@pandeyrochakPosted about 3 years agoYou can add background color on your image container. And add opacity to your image. Once you're confident with fundamentals of CSS and able to make layouts, you can move to bootstrap.
0 - @koniuszkoSubmitted about 3 years ago
Any comments are welcome. There is fixed size component.
@pandeyrochakPosted about 3 years agoGreat work! Try to make it responsive, rest is good.
0 - @brookewargnierSubmitted about 3 years ago
This was my first time setting up media queries directly on the CSS page. I'd love suggestions on how to have smoother transitions between the desktop version, to the tablet to the mobile. Also if you have any other suggestions where I could have simplified my code.
I spent a lot more time on this second challenge focused on organization and making the project easy to read and understand. If you have any additional suggestions for improvements there, please let me know!