Jump to content

Search the Community

Showing results for tags 'w3-row'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 1 result

  1. I'm having trouble using the w3-col feature to arrange these captioned pictures. I want to make the containers with less text match the height of the first container that has more type in it. At full screen everything displays correctly, but once the text on the first image takes an extra line, the rows below get all jumbled up. I don't want to use a table or cells because I want them to go down to 2 wide on small devices. Thanks in advance for any help. Heres the code; <!doctype html> <html> <head> <meta charset="utf-8"> <title>Red Stick Sports - Home</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> </head> <body> <div class="w3-container w3-red w3-margin-bottom"> <h1>Our Services</h1> </div> <div class="w3-row"> <div class="w3-col s6 m4 l4 w3-margin-bottom w3-border"> <div class="w3-container"> <img src="images/home/br-blues-black-2b-jersey.jpg" style="width:100%"> <p>One color prints come out great with our design included pricing. </p> </div> </div> <div class="w3-col s6 m4 l4 w3-margin-bottom w3-border"> <div class="w3-container"> <img src="images/home/lsu-tiger-eye.jpg" style="width:100%"> <p>We are a licensed printer for LSU. </p> </div> </div> <div class="w3-col s6 m4 l4 w3-margin-bottom w3-border"> <div class="w3-container"> <img src="images/home/dream-logos-full.jpg" style="width:100%"> <p>4 Color Process prints can simulate photographs.</p> </div> </div> <div class="w3-col s6 m4 l4 w3-margin-bottom w3-border"> <div class="w3-container"> <img src="images/home/br-blues-black-2b-jersey.jpg" style="width:100%"> <div class="w3-container"> <p>One color prints come out great with our design included pricing. <b></b></p> </div> </div> </div> <div class="w3-col s6 m4 l4 w3-margin-bottom w3-border"> <div class="w3-container"> <img src="images/home/lsu-tiger-eye.jpg" style="width:100%"> <div class="w3-container"> <p>We are a licensed printer for LSU. </p> </div> </div> </div> <div class="w3-col s6 m4 l4 w3-margin-bottom"> <div class="w3-container"> <img src="images/home/dream-logos-full.jpg" style="width:100%"> <div class="w3-container"> <p>4 Color Process prints can simulate photographs.</p> </div> </div> </div> </div> </body> </html>
×