Umutcan Kocamış• 160
@umutcankocamis
Submitted
Hello Community, I couldn't change the background color of the image. Can someone tell me why I can't change it?
Uwuigbe Julius Osemwengie
@Call4julius
All comments
@Call4julius
Posted
Apply
background-blend-mode: multiplyto your card holding theimage. That way the cardbackground-colorwill be blended with theimage.0- Levin Bänninger• 40
@levinbaenninger
Submitted
Hi there,
In this project I have learned a lot, as I'm rather new to JavaScript. In this project I learned a ton about selectors in JavaScript such as
nextElementSiblingorchildren[i].I had a lot of fun building this project. Feedback would be appreciated! 😍
@Call4julius
Posted
Nice work.
There is small problem with your
transitionthough.The transition effect you added will not come into play because the browser only recognizes where to start, that is
height: 0, but doesn't know where to end it because of theheight: max-content. It will transit smoothly if you could set a finalmax-heightof say8rem.Marked as helpful
1 - Nrosta• 530
@Nrotsa
Submitted
Feedback is welcome
@Call4julius
Posted
Observations:
There are two images provided for this project. One for the desktop and the other for the mobile viewport.
You could easily switch between the two images using media query or
pictureandsrcsetcombination.Also the
background-colorapplied on the image is a bit off because you just simply reduced theopacityof thebackground-color. To fix that you can blend the color of thebackgroundinto theimgcolor usingbackground-blend-mode: multiply.Hope this helps.
Marked as helpful
2 - Daniel 🛸• 44,230
@danielmrz-dev
Submitted
Hello! I'm Daniel and this is my solution for this challenge! 😊
Very good project to polish HTML and CSS skills. It's quite hard to match the original design of these bigger landing pages without the design file. I enjoyed very much trying though.
If you have any suggestions on how I can improve this project, feel free to leave me a comment!
Feedback welcome 😊
@Call4julius
Posted
Nice work bro.
1 - Daniel 🛸• 44,230
@danielmrz-dev
Submitted
Giving the image that purple color was quite a challenge, because it is originally black and white. I think the final result was good, though.
@Call4julius
Posted
On this project you could improve it by using
background-mix-blend-mode: multiplyto match the project image color.mix-blend-modeblends the background color with that of the image.check it out here: https://call4julius.github.io/stats-preview-card-component/
0 - Kendpr• 290
@RealKendpr
Submitted
I found it difficult to align the logo and the illustration-mockup. So I just didn't align them and I not sure if its fine. How did you aligned it?
@Call4julius
Posted
To align the logo and the image, you can put all the content in one
divand usepaddingto give the equal left spacing.0 - Daniel 🛸• 44,230
@danielmrz-dev
Submitted
Hello! I'm Daniel and this is my 17th solution!
Try to use everything I've been learning these past few weeks.
Javascript,TailwindandSASSall together. Very simple but not that easy project.If you have any insights or suggestions on how I can improve this project, please feel free to leave me a comment :)
@Call4julius
Posted
Why is it that clicking on the + sign makes your entire faqs container increase in size? It is increasing both in width and height.
1 - Daniel 🛸• 44,230
@danielmrz-dev
Submitted
Hello, Front-end Mentor Community! I'm Daniel and this is my solution to Social Proof Section Challenge! 🚀
This was by far the most difficult challenge using
CSS Grid. It's definitely the one that I learned the most from. If you wanna practice Grid, this is one of the best challenges to do so.It took me many hours, but I managed to finish it.
If you have any suggestions on how I can improve it, please feel free to leave me a comment! I appreciate feedback.
@Call4julius
Posted
I noticed this long line of selection:
body .principal .section02 .rating01, body .principal .section02 .rating02, body .principal .section02 .rating03{}Since the aim was to select the various ratings, I would have just added
ratingclass to each in the html mark-up.Then writing the
rating:hoverlike this too.Nice code sir. You are really doing well.
1 - myrh• 100
@myrhisyoinked
Submitted
@Call4julius
Posted
Nice work. Very impressive.
There are two background images provided to be applied though.
0 - KAVIARASAN M• 80
@kavicoder45
Submitted
🚀 Introducing my take on the Social Proof Section challenge at Frontend Mentor! 👾
TWEAKS: ✨ Witness the magic of hover effects 👨🔬 Join me on this coding journey to conquer HTML, CSS, and JS challenges. I'm crafting custom features and tweaks that inspire!
🎯😊Excited to receive your valuable feedback and advice.📌📌
Let's elevate our coding skills together! 🌟 #FrontendMentor #HTMLCSSJSChallenge #CodeJourney 🚀
@Call4julius
Posted
Nice work sir. Please check and review my solution for this challenge. Your feedback is needed.
P.S: You forgot your background image.
0 - Daniel 🛸• 44,230
@danielmrz-dev
Submitted
Took a Tailwind course recently and tried to apply my new skills on this project. Took me more time than usual to finish it since it was my first time practicing Tailwind. This framework is crazy, you can finish a project without coding a single CSS line. Quite happy with the result.
Feel free to leave me a comment if you know how to improve this project.
Feedback is appreciated! 😊
@Call4julius
Posted
I am yet to start learning tailwind css. I heard its a lot of fun. For the now i just want to get stronger with plain vanilla css.
P.S: What are the advantages of libraries like tailwind over the plain versions like css? I would like to have a feedback. Thanks in advance.
0 - INohemiSolis• 50
@INSolisLoyo
Submitted
@Call4julius
Posted
Neatly written code.
I was wondering why you declared
html {font-size: 62.5%;}?Also there are two images given: one form mobile display and the other for desktop display. It's suppose to change as you move from one screen size to the other.
That is the little detail you missed. Nice work 👍.
0
