banano | Transparent nano-service prototype in Go | Frontend Framework library

Circe is built on the type class pattern, and its Encoder is one of the type classes it provides. The key idea is that instead of using something like runtime reflection to figure out how to encode some arbitrary value, you require (and provide) a type class instance for any particular type you need to encode.

If you're working with a concrete type, the compiler will tell you whether you have a type class instance in scope or not. List("a", "b").asJson will compile, for example, while List(1, "a").asJson (where the inferred type is List[Any]) won't. This is because Circe provides an implicit Encoder[List[String]], but not an implicit Encoder[List[Any]].

If you're working with a generic type, you need a type class constraint. In your case that'd look like this:

You'll have to create al your banners inside slider as same height-width / resolution first

Then you can give max-width:100%; and height:90px to your slider

That will make it as much responsive as the first banner in your site

Changes needed in your CSS

You can convert TreeMap to JSONObject as you expected. Here is the sample so that you can get the idea.

There are couple of typos in your snippet above eg: col-md-126 and missing " after that. Also bootstrap 4 does not have xs on cols so using just col-3 col-6 col-3 would do the job. See the snippet below.

Your HTML structure is so messy. Here are my 2 cents:

• No nested container
• cols should come right after row.
• What's up with the missing - on col md-2? And why do you need a column wrapping a
?

Set the vertical-align property of your images to either middle or bottom.

For example: