Submitted 6 months ago

Responsive Layout With a Little bit of monkeypatching

Osama• 160

@osamabeinglagging

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Fylo data storage component

HTML
CSS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

The building process was clean until I tried to make it good in pc. There's a lot of monkeypatch code so I wouldn't try to find a solution from this repo.

What challenges did you encounter, and how did you overcome them?

The main challenge was trying to make it similar to the original design without any figma files. Safe to say that I wasted a few days on different projects while trying to do that and I ended up abandoning three different projects.

What specific areas of your project would you like help with?

Any help is appreciated but help with how to make it more accurate with less code would be nice.

Community feedback

Shukhrat Turdiev• 90

@shukhratgithub

Posted 6 months ago

When I checked the website on a mobile phone, It became clear that the statment " Challenge by Frontend Mentor. Coded by Osama" is not responsive on a mobile phone even though it is ok in desktops and tablets. I really appreciate you if you kindly take a look at this part one more time. Thank you very much. Assalamu Aleykum Wa Rahmatullohu Wa Barakatuh!!!

Osama• 160

@osamabeinglagging

Posted 6 months ago

@shukhratgithub I just used position absolute and bottom 0 for that so that it doesn't interfere with the overall structure. I'll take a look at that. Thanks for your kind words and Wa alaykumus salam wa rahmatullahi wa barakatuh

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