Design Practicum

Developer Support CMS Development
1

I’m having issues figuring out how to complete some of the requirements of the Design Certification Practicum. I’m new to HubSpot and I have been tackling the lessons, but I can’t seem to find any resources that walk me through how to complete the following practicum requirements:

Your template must feature a form Submit button that has been restyled using CSS. If you’re using a template that you’ve already built that does not have a form, then you can clone the template and page to add one.

You must feature a module that is hidden on smartphones under 480 pixels wide, using media queries. Please describe which module you’re hiding in the corresponding form field below.

2

Never fear @Kwaltrip, This is easy stuff.

For the submit button, you want to adjust it’s styling in your style sheet. a general way to target the submit button in your css is like this:

form input[type="submit"] {
 display: block;
 color: #fff;
 background: #000;
 line-height: 50px;
 text-align: center;
}

You can use your browsers inspector tool if you want to find actually class names for the form, wrappers, or the submit button itself.

To hide a section you need to use a media query. If a section that you want to hide on mobile a class name such as “mob_hide”. in your css use a media query like this:

@media (max-width: 480px) {

 .mob_hide {
 display: none;
 }

}
3

Wonderful! Thank you so much!