Conversation

Notices

1. Embed this notice
   Gersande La Flèche (gersande@silvan.cloud)'s status on Saturday, 06-Jan-2024 03:15:44 JST Gersande La Flèche

   Any CSS wizards with a moment to help me troubleshoot how to get my nonbinary pride flag CSS to stay in the upper right corner of the page!??!

   https://codepen.io/gersande-the-builder/pen/mdoPbWX

   • Embed this notice
     Albert ARIBAUD ✎ (aaribaud@mastodon.art)'s status on Saturday, 06-Jan-2024 03:15:40 JST Albert ARIBAUD ✎

     in reply to

     @gersande Not a specialist but let's see if what little I know can help.

     First, when you say "stay in the upper right corner", do you mean:

     1) that you would like to move it from where it is right now (slightly under the "Blog (EN)" button) to the right of the viewport, or

     2) That it stay where it is now when/if the page is scrolled down?

   • Embed this notice
     Albert ARIBAUD ✎ (aaribaud@mastodon.art)'s status on Saturday, 06-Jan-2024 03:31:31 JST Albert ARIBAUD ✎

     in reply to

     @gersande (staying in EN to maximize chances that anyone better at CSS than me chime in if need be)

     I *think* this is because the div which has the container-nbflag class does not stretch horizontally to 100% of the available width.

     Ofc this will mess up the design so maybe you have to create an intermediate div below the body that will only take the class and the width.

     Going for dinner rn but back in ~30 mins for testings.

   • Embed this notice
     Gersande La Flèche (gersande@silvan.cloud)'s status on Saturday, 06-Jan-2024 03:31:33 JST Gersande La Flèche

     in reply to

     • Albert ARIBAUD ✎

     @aaribaud Si tu vas sur https://gersande.com/blog/ tu peux voir le drapeau dans le coin droit de l'écran — c'est pas évident sur mobile, mais sur un ordi on peut voir que le drapeau veut pas rester dans le coin de l'écran si la taille est plus large que longue: