Skip to content
Submitted about 2 years ago

Officelite Coming Soon Site | Fluid Space and Fluid Typography

#accessibility#lighthouse#sass/scss#bem
Vanza Setia•27,775
@vanzasetia
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Officelite coming soon site
  • HTML
  • CSS
  • JS
2junior

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•210
    @frontendstuPosted over 1 year 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

    1
    Vanza Setia•27,775
    @vanzasetiaPosted over 1 year 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.

    1
    Stu Cowley•210
    @frontendstuPosted over 1 year 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 🤓

    1
  • Alawi Hamed Alaidaros•150
    @AlawihamedPosted about 2 years 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

    1
    Vanza Setia•27,775
    @vanzasetiaPosted about 2 years ago

    @Alawihamed

    Hi, Alawi! Thank you for the comment! 👍

    0
  • Hamzat Lawal•560
    @EngineerHamzieyPosted about 2 years 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 😊

    1
    Vanza Setia•27,775
    @vanzasetiaPosted about 2 years 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. 😉

    1
    Hamzat Lawal•560
    @EngineerHamzieyPosted about 2 years ago

    @vanzasetia thanks so much

    1

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