Daniel Capa• 210
@Daniel-C04
Submitted
What challenges did you encounter, and how did you overcome them?
I had a hard time placing the background images.
Fallou Jeng
@falloumacbook
All comments
- Fallou Jeng• 430
@falloumacbook
Posted
Hi dear, congratulation on completing this challenge. I've check solution and I love it. However, I have one suggestion regarding your background positioning. You can use the code below to make your background look as close as the design given.
body{
background-image: url(images/bg-pattern-top.svg), url(images/bg- pattern-bottom.svg);
background-repeat: no-repeat;
background-position:
right 50vw bottom 40vh,
left 50vw top 40vh; }
1 - Tonega• 190
@Tonega
Submitted
Fallou Jeng• 430@falloumacbook
Posted
Hi dear, congratulation on completing this challenge. I've check solution and I love it. However, I have one suggestion regarding your background positioning. You can use the code below to make your background look as close as the design given.
body{
background-image: url(images/bg-pattern-top.svg), url(images/bg- pattern-bottom.svg);
background-repeat: no-repeat;
background-position:
right 50vw bottom 40vh,
left 50vw top 40vh; }
1 - Ludzik• 170
@Ludzikk
Submitted
Fallou Jeng• 430@falloumacbook
Posted
Hi dear, congratulation on completing this challenge. I've check solution and I love it. However, I have one suggestion regarding your background positioning. You can use the code below to make your background look as close as the design given.
body{
background-image: url(images/bg-pattern-top.svg), url(images/bg- pattern-bottom.svg);
background-repeat: no-repeat;
background-position:
right 50vw bottom 40vh,
left 50vw top 40vh; }
Marked as helpful
1 @NappS5
Submitted
Fallou Jeng• 430@falloumacbook
Posted
Hi mate, congratulation on completing this challenge, i have one suggestion regarding your solution. You can use the code below to center your work without using margins.
body { margin:0; display: flex; justify-content :center; align-items: center; min-height:100vh; }
Hope you find it helpful. Happy coding mate! 🙌
Marked as helpful
1- Suraj Neupane• 190
@VectorJamo
Submitted
Making this thing responsive was a pain, still I think my solution is not the cleanest of all to make it responsive. Feed backs are much appreciated!
Fallou Jeng• 430@falloumacbook
Posted
Hi dear, congratulation on completing this challenge. I've check solution and I love it. However, I have one suggestion regarding your background positioning. You can use the code below to make your background look as close as the design given.
body{
background-image: url(images/bg-pattern-top.svg), url(images/bg- pattern-bottom.svg);
background-repeat: no-repeat;
background-position:
right 50vw bottom 40vh,
left 50vw top 40vh; }
2 - QUVONCHBEK• 260
@quvonchbee
Submitted
Fallou Jeng• 430@falloumacbook
Posted
nice work
1 - Mikail Ghali Imam• 200
@Imammika
Submitted
Fallou Jeng• 430@falloumacbook
Posted
Hi bro, congratulation on completing this challenge! I have one suggestion regarding your background. The background has a pattern.
body {
background-image: url(images/pattern-background-desktop.svg);
background-repeat: no-repeat;
background-color: hsl(225, 100%, 94%);
background-size: 100%;
}
happy coding mate!!!
Marked as helpful
3 I had problems with the spacing between text, do you think it's successful?
Fallou Jeng• 430@falloumacbook
Posted
Hi dear, congratulation on completing this challenge. I've check solution and I love it. However, I have one suggestion regarding your background positioning. You can use the code below to make your background look as close as the design given.
body{
background-image: url(images/bg-pattern-top.svg), url(images/bg- pattern-bottom.svg);
background-repeat: no-repeat;
background-position:
right 50vw bottom 40vh,
left 50vw top 40vh; }
1@Blaben
Submitted
Fallou Jeng• 430@falloumacbook
Posted
Hi 🙋♂️ congratulation on completing this challenge, I have one suggestion regarding your code. You can use the code below to bring your work a little bit down.
body {
display: flex;
align-items: center;
min-height: 100vh;
}
Happy coding mate!!!
1- davelit19• 210
@davelit19
Submitted
nothing much, just thinking and figuring things out
Fallou Jeng• 430@falloumacbook
Posted
Great Work Pal, I love your work. looking forward to build this project one day.
1 - Eduardo Castro• 150
@EduardoLimaCastro
Submitted
Solution designed using Angular Framework, my first time using Angular and it was very fun to learn more about how Angular works with this challenge.
Fallou Jeng• 430@falloumacbook
Posted
Man, I love every bit of your solution. Keep up the great work.
0 - AminBangash• 20
@AminBangash
Submitted
It was easy but a bit issue with preparing setup and choosing for a coding language.
Fallou Jeng• 430@falloumacbook
Posted
Hi mate congratulation on completing this challenge, I have one suggestion regarding your code. You can use the code below to bring your work a little bit down.
body { display: flex; align-items: center; min-height: 100vh; }Happy coding mate!!!
1 - Sardor Karimov• 500
@captainsurxon
Submitted
Fallou Jeng• 430@falloumacbook
Posted
keep up the great work
Marked as helpful
1 - Sardor Karimov• 500
@captainsurxon
Submitted
Fallou Jeng• 430@falloumacbook
Posted
nice work mate
Marked as helpful
0 - Emile Avoscan• 310
@AvoscanEmile
Submitted
Improved my solution a little. Made it more readable, made the code shorter.
Fallou Jeng• 430@falloumacbook
Posted
Hi dear, congratulation on completing this challenge. I've check solution and I love it. However, I have one suggestion regarding your background positioning. You can use the code below to make your background look as close as the design given.
body{ background-image: url(images/bg-pattern-top.svg), url(images/bg- pattern-bottom.svg); background-repeat: no-repeat; background-position: right 50vw bottom 40vh, left 50vw top 40vh; }Happy coding mate!!!
1 - Sardor Karimov• 500
@captainsurxon
Submitted
Made in scc no bacground used.
Fallou Jeng• 430@falloumacbook
Posted
Hi bro, congratulation on completing this challenge! I have one suggestion regarding your code. Use the code below in your css body tag.
body {
background-image: url(images/pattern-background-desktop.svg);
background-repeat: no-repeat;
background-color: hsl(225, 100%, 94%);
background-size: 100%;
}
happy coding mate!!!
Marked as helpful
2 - AnjasFedo• 40
@G1A021037-ANJASFEDO
Submitted
Fallou Jeng• 430@falloumacbook
Posted
Hi dear, congratulation on completing this challenge! I have one suggestion regarding your code. Use the code below in your css body tag.
body {
background-image: url(images/pattern-background-desktop.svg);
background-repeat: no-repeat;
background-color: hsl(225, 100%, 94%);
background-size: 100%;
}
happy coding mate!!!
Marked as helpful
0 - Masterphonex• 60
@Masterphonex
Submitted
Responsive Profile Card
Fallou Jeng• 430@falloumacbook
Posted
Hi dear, congratulation on completing this challenge. I've check solution and I love it. However, I have one suggestion regarding your background positioning. You can use the code below to make your background look as close as the design given.
body{ background-image: url(images/bg-pattern-top.svg), url(images/bg- pattern-bottom.svg); background-repeat: no-repeat; background-position: right 50vw bottom 40vh, left 50vw top 40vh; }Happy coding mate!!!
Marked as helpful
0 - Daniel 🛸• 38,550
@danielmrz-dev
Submitted
That's it!
Fallou Jeng• 430@falloumacbook
Posted
Hi there! congratulation on completing this challenge. I have one suggestion regarding your code. Use the code below in your body tag.
body {
background-image: url(images/pattern-background-desktop.svg); background-repeat: no-repeat; background-color: hsl(225, 100%, 94%); background-size: 100%;}
happy coding mate!!!
0 - oguzhanakca• 70
@oguzhanakca
Submitted
If you have any ideas for shorter code, please give me some tips :)
Fallou Jeng• 430@falloumacbook
Posted
Hi dear, congratulation on completing this challenge! I have one suggestion regarding your code. Use the code below in your css body tag.
body {
background-image: url(images/pattern-background-desktop.svg); background-repeat: no-repeat; background-color: hsl(225, 100%, 94%); background-size: 100%;}
happy coding mate!!!
Marked as helpful
0 - Fortune O. Iyoha• 230
@fortuneiyoha
Submitted
Hello, Frontend Mentor Community! 👋
I'm thrilled to share that I have successfully completed my 10th challenge!
Here are some highlights from this project:
-
Developed websites with a focus on modularity
-
Ensured accessibility for all users
-
Created responsive designs that adapt to different viewport widths
-
Implemented top-notch SEO techniques
-
Achieved a perfect score of 100% on Lighthouse reports
I invite you to check out my solution and provide your valuable feedback. Thank you for your continued support and encouragement.
Fallou Jeng• 430@falloumacbook
Posted
Nice work mate!
0 -
- Melvin Aguilar 🧑🏻💻• 61,460
@MelvinAguilar
Submitted
Hi there 👋, I’m Melvin and this is my solution for this challenge. 🚀
🛠️ Built With:
- TailwindCSS
- npm - prettier
Any suggestions on how I can improve and reduce unnecessary code are welcome!
Thank you. 😊✌️
Fallou Jeng• 430@falloumacbook
Posted
Wow! your solution is amazing I love it.
0 - Fallou Jeng• 430
@falloumacbook
Submitted
I really enjoyed building this project, any feedback on how to improve my code is welcome.
Fallou Jeng• 430@falloumacbook
Posted
Thank you so much my brother I really appreciated the feedback. I will work on that.
0 - Marvel Victor• 390
@Mharvel13
Submitted
Fallou Jeng• 430@falloumacbook
Posted
Nice work man, i really like your solution. I am a newbie but i will try and build similar one. Nice work mate happy coding.😊
0
