Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

React JS Site using Flexbox

jeantiston 170

@jeantiston

Desktop design screenshot for the Pod request access landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I know it's a bit overkill to use React for a little bit form handling but I was practicing React and I didn't really plan out this particular project properly. If you can be kind with your comments that would be appreciated :))

Also, I just noticed that the logos are missing. They were there before I deployed it to Vercel. I'll try and find out tomorrow what's the problem but if you have any insights on why it is missing, feel free to comment. Thanks!

Community feedback

P

@gsterczewski

Posted

Hi jeantiston,

I gave it a quick look, and I think logos are there, but their opacity is set to 1%, so it could be the main problem.

Good job by the way.

Cheers.

1

jeantiston 170

@jeantiston

Posted

Hi @GSterczewski. Thank you for taking the time to give it a quick look and comment 😊 I don't see where the opacity is set to 1% though. It's 50% percent from where I'm looking at the css.

.logo {
  opacity: 50%;
  padding: 20px;
}
0
P

@austincalvelage

Posted

Hey @jeantiston , I see in the developer tools on chrome that the opacity is showing 1% like @GSterczewski mentioned looking through your code in app.css on line 155 it shows opacity: 50%. I didn't see any style overrides. That is so weird..

1
jeantiston 170

@jeantiston

Posted

Hi @CodePnk! Thank you for taking a look and clearing that up. That is indeed weird. I should probably investigate more why that is happening.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

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