The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> Correct CSS for this box style
JUI43555
post Mar 31 2023, 09:44 PM
Post #1


Member
***

Group: Members
Posts: 44
Joined: 6-March 23
From: Perth
Member No.: 28,833



Hi, what is the correct .CSS / HTML for this layout?
Thanks.

IPB Image

This post has been edited by JUI43555: Mar 31 2023, 09:45 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
Reply to this topicStart new topic
Replies
coothead
post Apr 1 2023, 10:37 AM
Post #2


Advanced Member
****

Group: Members
Posts: 206
Joined: 12-January 23
From: chertsey, a small town 25 miles south west of london, england
Member No.: 28,743



Hi there JUI43555,

QUOTE

. The CSS may depend on how you want the boxes to react in different viewport sizes

If you do find that your three boxes are becoming to narrow for comfort
when reducing the page width, then append this snippet to the stylesheet...

CODE

@media ( max-width: 34em ) { /* adjust the value to suit your requirements */
#content-container {
   flex-direction: column;
  }
}


coothead
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 27th April 2024 - 09:09 AM