horizontal product cart

@override
  Widget build(BuildContext context) {
    return Container(
      height: 400,
      margin: const EdgeInsets.only(left: 30, bottom: 5),
      decoration: BoxDecoration(
        color: Colors.white,
        boxShadow: [
          BoxShadow(
              offset: const Offset(1, 3),
              blurRadius: 3,
              color: (Colors.grey[300])!),
        ],
        borderRadius: BorderRadius.circular(10),
      ),
      child: Row(
        children: [
          Container(
            width: 100,
            height: double.maxFinite,
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(10),
              boxShadow: [
                BoxShadow(
                  color: (Colors.grey[400])!,
                  offset: const Offset(2, 1),
                  blurRadius: 3,
                )
              ],
            ),
            child: ClipRRect(
              borderRadius: BorderRadius.circular(10),
              child: Image(
                image: NetworkImage("http://belankon.com/$productImage"),
                fit: BoxFit.cover,
              ),
            ),
          ),
          const SizedBox(width: 10),
          Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              const SizedBox(height: 10),
              Text(
                productName[0].toUpperCase() + productName.substring(1),
                style: const TextStyle(
                  fontSize: 16,
                  fontFamily: "Montserrat",
                  fontWeight: FontWeight.w600,
                  decoration: TextDecoration.underline,
                ),
              ),
              Text(
                streetAddress,
                style: const TextStyle(
                  fontFamily: "Montserrat",
                  fontWeight: FontWeight.w200,
                ),
                overflow: TextOverflow.clip,
                maxLines: 1,
              ),
              const SizedBox(height: 10),
              Text(
                'Rp. ' + price.toString(),
                style: const TextStyle(
                  fontFamily: "Montserrat",
                  fontWeight: FontWeight.w200,
                ),
              ),
              const SizedBox(height: 5),
              buildRating(),
            ],
          )
        ],
      ),
    );
  }

  Row buildRating() {
    return Row(
      children: [
        SvgPicture.asset(
          "assets/belankon-icons/star.svg",
          width: 14,
        ),
        SvgPicture.asset(
          "assets/belankon-icons/star.svg",
          width: 14,
        ),
        SvgPicture.asset(
          "assets/belankon-icons/star.svg",
          width: 14,
        ),
        SvgPicture.asset(
          "assets/belankon-icons/star.svg",
          width: 14,
        ),
        SvgPicture.asset(
          "assets/belankon-icons/star_border.svg",
          width: 14,
        ),
        const SizedBox(width: 10),
        const Text(
          "1230",
          style: TextStyle(fontFamily: "Montserrat"),
        ),
        const SizedBox(width: 5),
        SvgPicture.asset(
          "assets/belankon-icons/account.svg",
          width: 14,
        ),
        const SizedBox(height: 5),
      ],
    );
  }