How to create card design using div tag in asp.net pages

BeUnique 2,332 Reputation points
2021-12-02T07:28:40.807+00:00

I am trying to form some card design template in my asp.net pages.

how to create the below design using div tag in asp.net pages.

The main point is it should be below.

  1. CARD1 is rowspan and it contains 75% width.
  2. CARD2,CARD3,CARD4 should occupy with 20% of column of CARD1 row (we have to use colspan=3 and colspan of card1=1

154345-design-card-in-aspnet-pages.png

Developer technologies | ASP.NET | Other
0 comments No comments
{count} votes

Accepted answer
  1. Yijing Sun-MSFT 7,096 Reputation points
    2021-12-02T09:06:32.77+00:00

    Hi @BeUnique ,

    CARD2,CARD3,CARD4 should occupy with 20% of column of CARD1 row (we have to use colspan=3 and colspan of card1=1

    What's your meansings? Three columns are total 60%.Could you tell more details to us?
    And according to your description,you could use Bootstrap Gird or Bootstrap Card to design your layout.
    Best regards,
    Yijing Sun


    If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.


0 additional answers

Sort by: Most helpful

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.