Pre-Title Text Label
Clickable Card Titles are Orange or Blue with a Caret
Clickable cards also get the faux shadow underneath, further indicating they’re linked.
Optional Block Header
Block headers are a great option for the columns block because they add context to the columns below.
Same Block But Just Content Instead of Clickable Cards
The columns in this block can be set to cards or not. Each column can also be linked, which changes it’s styles.
Important Note
There’s Desktop a Min-Height of 400px on Cards
This helps them feel more important by giving them some heft.
Cards with Images
The images use a 2:1 aspect ratio so they can feel proportionate regardless of how many columns are chosen.
Cards with Images
The images use a 2:1 aspect ratio so they can feel proportionate regardless of how many columns are chosen.
Cards with Images
The images use a 2:1 aspect ratio so they can feel proportionate regardless of how many columns are chosen.
Cards with Icons
You can set the image style to icon in the block settings, which will size whatever image is uploaded to icon size.
Short Title or Value Prop
Keep text short in for columns because the cards are smaller.
You Can Centered Text
You just have to set it in the WYSIWYG editor.
Left-Aligned is Default
But this can be adjust per column/card.
Four Columns Header Three
Donec vitae mi et ipsum ultrices rhoncus ac gravida.
There’s No Min-Height on Cards Using Icons
You can set the image style to icon in the block settings, which will size whatever image is uploaded to icon size.
Javascript
Keep text short in for columns because the cards are smaller.
CS Fundamentals
Columns can have left aligned or centered text.
React
Columns can have left aligned or centered text.
App Development
These card titles use the H4 style but are actually H3s.
CSS
Donec vitae mi et ipsum ultrices rhoncus ac gravida.
App Design
Donec vitae mi et ipsum ultrices rhoncus ac gravida.
ES6
Donec vitae mi et ipsum ultrices rhoncus ac gravida.
HTML
Donec vitae mi et ipsum ultrices rhoncus ac gravida.
There’s No Min-Height on Cards Using Icons
You can set the image style to icon in the block settings, which will size whatever image is uploaded to icon size.
Javascript
Keep text short in for columns because the cards are smaller.
CS Fundamentals
Columns can have left aligned or centered text.
React
Columns can have left aligned or centered text.
App Development
These card titles use the H4 style but are actually H3s.
CSS
Donec vitae mi et ipsum ultrices rhoncus ac gravida.
App Design
Donec vitae mi et ipsum ultrices rhoncus ac gravida.
ES6
Donec vitae mi et ipsum ultrices rhoncus ac gravida.
HTML
Donec vitae mi et ipsum ultrices rhoncus ac gravida.
Real Scenarios & Skills
Learn how to plan, scope, build, and manage applications with real code, solving real industry problems with tools like React, ES6, Javascript, CSS, and HTML.
8000+ Network
Join one of the largest coding bootcamp communities. Build strong relationships with peers during your coursework and with your alumni network in Silicon Valley and beyond.
1:1 Coaching
Get the support you need during the 12-week coding bootcamp from our advisors who work 1:1 with you to give you the guidance and tools you need as you transform your career trajectory.
Job Search Prep
Start your job search with our team on your side. Refresh your resume; conduct mock interviews; connect with alumni; and find, land and negotiate terms for the job of your dreams as a software engineer.
3 Column Text
Learn how to plan, scope, build, and manage applications with real code, solving real industry problems with tools like React, ES6, Javascript, CSS, and HTML.
Great for Stacking
Join one of the largest coding bootcamp communities. Build strong relationships with peers during your coursework and with your alumni network in Silicon Valley and beyond.
Under Other Blocks
Get the support you need during the 12-week coding bootcamp from our advisors who work 1:1 with you to give you the guidance and tools you need as you transform your career trajectory.