Solution Fylo landing page with two column layout

Community feedback

• 

  P

  Nick•520

  @mrsev17Posted 7 months ago

  I found that in your navigation which located in header, links when hovered get bigger font, and it's moving another elements. You can avoid this if you make container where links located same size as elements when they increase or another option use for a link:

  a { display:block }

  a:hover { transform: scale(1.1) }

  Marked as helpful

  2

  ---

  

  Stefan Bojkovski•640

  @xStephxPosted 7 months ago

  @mrsev17 thank you for your feedback! I saw that effect, it looks cool, but I will try to fix that with your advices. If you have any other suggestions feel free to text me!

  0
• 

  Hamza Naeem•260

  @hamzafrontendPosted 3 months ago

  How did you change the logo color to white in the footer?

  1

  ---

  

  Stefan Bojkovski•640

  @xStephxPosted 3 months ago

  @hamzafrontend I changed the logo color in white in the footer by styling svg. If you have any other question feel free to text me!

  0

  

  Hamza Naeem•260

  @hamzafrontendPosted 3 months ago

  @xStephx I tried to do it but could not do it, but could you please tell me how you did it?

  1

  

  Stefan Bojkovski•640

  @xStephxPosted 3 months ago

  @hamzafrontend you have svg element and in that element you have path element in that path element you have atribute fill set it to fill="#fff" and it will be white

  here is full logo svg white:

  <svg width="166" height="49" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M.014.03h93.96v48.29H.015z"/></defs><g fill="#ffffff" fill-rule="evenodd"><path d="M0 14.13v.123l27.95 13.13L56 14.209v-.033L27.95 1 0 14.13zm10.077.062L27.95 5.795l17.877 8.397-17.877 8.396-17.874-8.396zM27.95 32.483L0 19.55v4.784l27.95 12.964L56 24.289v-4.784L27.95 32.483zm0 9.703L0 29.25v4.783L27.95 47 56 33.99v-4.784l-28.05 12.98z" fill="#fff"/><g transform="translate(72)"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path d="M87.56 24.152a8.1 8.1 0 0 0-2.161-5.573 7.259 7.259 0 0 0-2.34-1.673 6.864 6.864 0 0 0-2.85-.601c-1.01 0-1.961.2-2.852.601a7.257 7.257 0 0 0-2.34 1.673 8.102 8.102 0 0 0-2.16 5.574 8.102 8.102 0 0 0 2.16 5.573 7.257 7.257 0 0 0 2.34 1.672 6.864 6.864 0 0 0 2.851.602c1.01 0 1.96-.2 2.852-.602a7.259 7.259 0 0 0 2.339-1.672 8.1 8.1 0 0 0 2.16-5.574zm6.415 0c0 1.932-.357 3.723-1.07 5.373a13.098 13.098 0 0 1-2.94 4.28c-1.247 1.205-2.71 2.156-4.388 2.854-1.678.699-3.468 1.048-5.369 1.048-1.9 0-3.683-.349-5.346-1.048a13.863 13.863 0 0 1-4.366-2.876 13.351 13.351 0 0 1-2.94-4.302c-.713-1.65-1.07-3.426-1.07-5.329 0-1.873.364-3.634 1.092-5.284a13.92 13.92 0 0 1 2.962-4.325 13.671 13.671 0 0 1 4.367-2.898 13.552 13.552 0 0 1 5.301-1.048c1.901 0 3.69.35 5.369 1.048 1.678.698 3.14 1.65 4.388 2.854 1.248 1.204 2.228 2.638 2.94 4.302.713 1.665 1.07 3.449 1.07 5.351zM64.258 36.905a8.6 8.6 0 0 1-1.715.58c-.638.148-1.3.222-1.982.222a9.84 9.84 0 0 1-2.74-.379 6.003 6.003 0 0 1-2.295-1.226c-.653-.565-1.173-1.3-1.56-2.207-.385-.907-.578-2-.578-3.277V.029h6.549v29.474c0 1.07.215 1.806.646 2.207.43.401.943.602 1.537.602.742 0 1.455-.223 2.138-.669v5.262zM50.492 11.22L38.908 41.854c-.861 2.289-1.99 3.939-3.386 4.95-1.396 1.01-3.06 1.515-4.99 1.515-.297 0-.623-.022-.98-.066a7.352 7.352 0 0 1-1.025-.201l-2.138-5.975a8.486 8.486 0 0 0 1.56.557c.534.134 1.039.201 1.514.201 1.01 0 1.93-.23 2.762-.691.832-.46 1.47-1.315 1.916-2.564l.891-2.586-9.935-25.773h6.995l5.925 16.588 5.57-16.588h6.905zM23.538 7.342H6.786v8.294h16.529v5.618H6.785v15.784H.015V1.412h23.524v5.93z" fill="#ffffff" mask="url(#b)"/></g></g></svg>

  1

  

  Hamza Naeem•260

  @hamzafrontendPosted 3 months ago

  @xStephx thank you for sharing, it looks easy.

  1

  

  Stefan Bojkovski•640

  @xStephxPosted 3 months ago

  @hamzafrontend no problem, you're welcome!

  1
• 

  yashpachauri1•180

  @yashpachauri1Posted 5 months ago

  I just wanted to say that your designs are awesome! I'm working on some HTML and CSS stuff and could really use your help. Your input would mean a lot to me.

  1

  ---

  

  Stefan Bojkovski•640

  @xStephxPosted 5 months ago

  @yashpachauri1 thank you for your feedback! I'm glad to have helped you and to contribute to the industry, and help develop knowledge. Keep going, and happy coding!

  0

  

  yashpachauri1•180

  @yashpachauri1Posted 5 months ago

  @xStephx thank you, but how can I be able to ask your help...?????

  1

  

  Stefan Bojkovski•640

  @xStephxPosted 5 months ago

  @yashpachauri1 you can add me on discord from github

  0
• 

  Adnan•110

  @admztechPosted 7 months ago

  looking perfect. Great job

  1

  ---

  

  Stefan Bojkovski•640

  @xStephxPosted 7 months ago

  @admztech thank you!

  0