Submitted over 2 years ago

Flexbox & Java

Igor• 45

@IgorVanVuuren

Preview site View code

This is a solution for...

Loopstudios landing page

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

Was a fun project enjoyed it a lot. I do think my css needs to be a bit more refined, so any advice concerning that or anything else you guys can see that I can work on.

Also don't know if he will see it, but I want to thank @cganzon a lot. I learnt A LOT from the solution he posted, especially about hover effects and putting shadows on images, and just general structure of html & css.

And of course for Front End Mentor for making all of this stuff possible. Believe all of you guys & girls will have a wonderful day further, and happy coding :)

Community feedback

bunee• 2,060

@buneeIsSlo

Posted over 2 years ago

Hey! @ig18may, Great job on this challenge. The site responds very well and looks nearly pixel perfect. The only I suggestion I have for you is to try and resolve some of the accessibility issues.

P.S. FEM now allows you to tag people. If you wish to credit someone just tag them by using the "@" symbol followed by their username and this will send a notification to the person you mentioned.

Marked as helpful

Igor• 45

@IgorVanVuuren

Posted over 2 years ago

@buneeIsSlo Tnx man i will definitely do that :)

Michel Oliveira• 230

@oliveiring

Posted over 2 years ago

it was on the VR that I used it!

Michel Oliveira• 230

@oliveiring

Posted over 2 years ago

it was on the VR that I used it!

Michel Oliveira• 230

@oliveiring

Posted over 2 years ago

hey i did use display block and none. but i don't you if that correct. https://zen-villani-d474a6.netlify.app/

Igor• 45

@IgorVanVuuren

Posted over 2 years ago

@oliveiring Hi man im not sure what you mean, where did you use display: block and none. I saw that the vr guy with the block of text is working nicely, you came up with a good alternative solution :)

Michel Oliveira• 230

@oliveiring

Posted over 2 years ago

Hi there!

What did you do to put the paragraph next to imagen? Therefore I've been trying grid-are, But I'm not be able to get done.

Igor• 45

@IgorVanVuuren

Posted over 2 years ago

@oliveiring Hi man its kind of difficult to explain, but i got this video from Kevin Powell https://www.youtube.com/watch?=P6UgYq3J3Qs&ab_channel=KevinPowel that explains it very well. The thing i used was position:absolute; after you watch the video if you want to do the same thing just make sure that the img and text have the same parent element. If you have more question after plz ask i will try my best to explain :)

Please log in to post a comment

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