Submitted over 1 year ago

Officelite Coming Soon Site | Fluid Space and Fluid Typography

#accessibility#lighthouse#sass/scss#bem

Vanza Setia• 27,835

@vanzasetia

Preview site View code

This is a solution for...

Officelite coming soon site

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hello Everyone! 👋

I finally completed another challenge! 🎉

In this challenge, I completed the challenge by using fluid space and fluid typography which by using clamp() functions a lot. I also used CSS logical properties.

Any questions on the technique that I'm using are welcome! Of course, any suggestions on how I can improve are welcome! 😁

Also, if you have finished this challenge and would like me to give feedback on it, please include a link to your solution. I would be glad to help you! 😀

Thanks!

Community feedback

Stu Cowley• 160

@frontendstu

Posted 10 months ago

Hi there Vanza,

I've had a look at your solution and it looks amazing! I'm wondering if you had any problems with the charts svg not displaying the fonts correctly. I made sure all fonts were converted to shapes and it is still displaying as Times New Roman not Kumbh Sans like in the design. I'm kind of pulling my hair out over this one

Vanza Setia• 27,835

@vanzasetia

Posted 9 months ago

@frontendstu

Hi, Stu! 👋

Thank you! I think I was having that problem. I could not remember how I solved the issue. Have you tried to import the SVG from the design file?

By the way, sorry for the late reply.

Stu Cowley• 160

@frontendstu

Posted 9 months ago

@vanzasetia

Hi Vanza!

No worries about the late reply, life can be hectic.

I have tried to export from Figma, even Illutrator and I'm still have the issue and I cannot find any details on this. I'll have to keep trying 🤓

Alawi Hamed Alaidaros• 150

@Alawihamed

Posted over 1 year ago

I have seen your solution and it is tidy and consistent on all screens. Continue to solve a lot of challenges until you develop more and more

Vanza Setia• 27,835

@vanzasetia

Posted over 1 year ago

@Alawihamed

Hi, Alawi! Thank you for the comment! 👍

Hamzat Lawal• 580

@EngineerHamziey

Posted over 1 year ago

😘 Your solution is amazing, I'm just checking it out and remembered a question I have wanted to ask you since a very long time. I have learnt markdown but your markdown skills seems to be on another level 😁. Could you please recommend a markdown tutorial for me? I want to step up to 😊

Vanza Setia• 27,835

@vanzasetia

Posted over 1 year ago

@EngineerHamziey

Thank you for the kind words! 😊

For the Markdown tutorial, I found the GitHub documentation for "'Basic writing and formatting syntax" was helpful. So, I recommend checking it. 😉

Hamzat Lawal• 580

@EngineerHamziey

Posted over 1 year ago

@vanzasetia thanks so much

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