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

Solution using Flexbox

@cllopezv

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


Hi, this is my first challenge. I'm new to make things only by myself, I was so stuck in tutorial hell. Any feedback is welcome! ✨

Community feedback

Nic 595

@nicm42

Posted

It looks great, and I like the way you've labelled your CSS for mobile, tablet and desktop.

I'm not sure why you have the 15% width on the podcast icons, but it's making them look squished and they look much better if you take it off.

0

@cllopezv

Posted

@nicm42 Hey, if I remove them, they get too big, any tips to fix that? Thanks for your comment :)

0
Nic 595

@nicm42

Posted

@cllopezv Theoretically if you don't set a height on an image then it will change the height automatically. But even if I set height: auto on it, to make sure, it doesn't make a difference. But I can't see anything that would affect the height of those icons or that section. I think it's one of those annoying CSS things were something seemingly-unrelated is having an affect. But I can't work out what. I am hoping someone else reads this and can figure it out.

It's more of a work-around than a proper solution, but if you set height: 15% then they'll be the right shape.

0

@akshay63

Posted

@nicm42 I agree. The height will balance out shape of an object because using height and width are one of the most important properties that can change the size and shape of an image in CSS.

0

@imjackfrost1997

Posted

Just build things and skip tutorials maybe you will search for them in your progress but you will see and discover their use cases and eventually you will be good :)

0

@cllopezv

Posted

@imjackfrost1997 Thanks, I didn't use any tutorials for this challenge, just my knowledge :)

0

@imjackfrost1997

Posted

@cllopezv You're on the right path ;) happy coding

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