Container( //width: MediaQuery.of(context).size.width * 0.85, margin: EdgeInsets.only( left: enableCarouselMode ? 8 : 16, right: enableCarouselMode ? 8 : 16), child: Column( mainAxisSize: MainAxisSize.max, crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start, children: [ Container( margin: EdgeInsets.only(bottom: 16), child: ClipRRect( borderRadius: BorderRadius.all(Radius.circular(8)), child: Image.network( viewModel.itemImageURL, fit: BoxFit.cover, height: (MediaQuery.of(context).size.width * 0.85) * 0.56, width: enableCarouselMode ? MediaQuery.of(context).size.width * 0.85 : MediaQuery.of(context).size.width, ), )), Container( margin: EdgeInsets.only(bottom: 14), child: Text(viewModel.itemDate, style: GoogleFonts.cabin( color: Color(0xFF9F9F9F), fontSize: FontSize.small.size, fontWeight: FontWeight.w300)), ), titleHasHTML ? Html(data: viewModel.itemTitle, style: { "p": Style( fontFamily: "Cabin-Regular", fontSize: FontSize.xLarge, fontWeight: FontWeight.w700, color: Colors.white), "body": Style( margin: EdgeInsets.zero, padding: EdgeInsets.zero) }) : Container( child: Text(viewModel.itemTitle, style: GoogleFonts.cabin( color: Colors.white, fontSize: FontSize.xLarge.size, fontWeight: FontWeight.w700), maxLines: 2), ), Flexible( child: Container( //height: (MediaQuery.of(context).size.width * 0.85) * 0.30, child: Html(data: viewModel.itemExcerptText, customRender: { "p": (RenderContext context, Widget child) { Flexible( child: Text( context.parser.htmlData.text ?? "", maxLines: 4, overflow: TextOverflow.ellipsis, ), ); } }, style: { "p": Style( fontFamily: "Cabin-Regular", fontSize: FontSize.large, fontWeight: FontWeight.w400, color: Color(0xFF9F9F9F), padding: EdgeInsets.zero, lineHeight: LineHeight(1.5), maxLines: 4, textOverflow: TextOverflow.ellipsis), "body": Style( margin: EdgeInsets.zero, padding: EdgeInsets.zero), "html": Style(margin: EdgeInsets.zero, padding: EdgeInsets.zero) }), ), ) ], ), )