fabulous | 🎨 CSS properties sidebar for VS Code

So I have managed to create these sections on my web page, each with an image and some text in them. However with these boxes, the text element (eg. text-lifestyle), is not positioning correctly where I want it to go? Is there a way of fixing this please... I am trying to get each text part either to the left or right of the image, positioned in the centre of that side of the box.

This is the code for an 'About' Page on my website. I am trying to create a gap between the first element, which is the burgundy box, and the header of the page. However, every time I do that it adds white space between them? Is there anything I can do/fix without the white space issue happening?

I have a datset that has product_id, product_url, email, product_title, etc.

I want to pull rows where product_title contains certain adjectives (Fabulous, Stunning, Rare, Amazing, Unique, etc etc. ) from a list of 400+ words.

How do I do this without doing a separate select function for each word? I am using SQLite

I am trying to use react-select (with multi-values) with Formik but unsure how to reflect values selected within my Formiks initialStates values.

I have the following:

I have to use codepen to write up a website and then get my code to pass the W3 validator. The problem is that, whichever way I try to check the code, it comes up with different error messages.

When I copy and paste the whole code into W3, it says that I need and the other things like that (that I'm not allowed to type into codepen, without getting an error message on that end).

However, when I go into debug mode and put the URL directly into W3, it comes up with a load of errors that don't exist- the code it specifies isn't anywhere in my code.

Has anyone else had issues getting codepen validated by w3?

edit: codepen is https://codepen.io/johng003/pen/rNjrrOb

I have a Xamarin.Forms app that I'm trying to build with an Azure DevOps Pipeline. The app uses the Fabulous F# MVU framework for Xamarin.Forms and therefore needs F#.

The Android version of the app compiles fine, both locally and on the pipeline. The iOS version of the app compiles fine locally in Visual Studio where I am using F# 5, but the build fails in the pipeline, complaining about a number of syntax errors. I think the reason for this is that the Mac pipeline build agent that I need to use for the iOS version is using F# 4.5 and not F# 5. I can see this output in the pipeline build log:

Microsoft (R) F# Compiler version 10.2.3 for F# 4.5

A sample syntax error would be:

error FS1160: This token is reserved for future use

The reserved token referred to is the $ character being used to denote string interpolation. I guess that's not a thing in F# 4.5.

I have tried adding the "Use .NET Core" pipeline task to try and set the use of .NET 5.x, but the subsequent "Xamarin.iOS" pipeline build task does not seem to pick up on this.

How can I build this Xamarin.Forms iOS app in an Azure DevOps pipeline and make it use F# 5?

From a binary matrix, I want to calculate a kind of adjacency/joint probability density matrix (not quite sure how to label it as so please feel free to rename).

For example, I start with this matrix:

Well I thought I was getting the hang of styling. Tested on several different sized phones and it all looked great. Then... I tested on an iPad. Several of my screens ran way off the page. I am using flex: 1 for the container so I don't understand why. Do iPads not respect flex: 1 or something? Or did I just royally mangle the layout code? I thought using the screen dimensions and % to calculate most things would work for responsive design.

Example, sign in screen. Bottom 2 buttons "Login" and "Home" run almost completely off iPad screen. On phone devices seem to display fine.

EDIT: Thank you so much for the answer! I have rewritten the code and it looks fabulous now on the ipad. I hope this code is an improvement, I have added it to the bottom. Now to rewrite ALL the screens facepalm

I am testing out making a UWP app using the Fabulous framework for writing functional cross-platform apps, and I want to use a FilePicker on a button press and use the selected file for some data processing.

Executing let fileResult = FilePicker.PickAsync() |> Async.AwaitTask opens the file picker and returns a Async after a file is picked (This to say that the button and subsequent function call executes), but the rest of the code following it will execute before the result can be used. If I append |> Async.RunSynchronously it (as expected) blocks the thread and no file can be chosen in the window that appears, although the return value would be the FileResult.

After looking into how this should be done, I realise that the file picker should be opened on the main thread, which leads me to a solution on the following form