Skip to content
Submitted almost 4 years ago

React JS Site using Flexbox

jeantiston•170
@jeantiston
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Pod request access landing page
  • HTML
  • CSS
  • JS
1newbie

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

  • Grzegorz Sterczewski•680
    @gsterczewskiPosted almost 4 years ago

    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
    @jeantistonPosted almost 4 years ago

    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
    Austin Calvelage•15
    @austincalvelagePosted almost 4 years ago

    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
    @jeantistonPosted almost 4 years ago

    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

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