Skip to content
This repository has been archived by the owner on Jun 8, 2019. It is now read-only.

Visual design refinements #82

Merged
merged 1 commit into from
Sep 22, 2017
Merged

Conversation

creuter
Copy link
Contributor

@creuter creuter commented Sep 21, 2017

  • Use CSS Grid for layout
  • Add homepage illustration

Small:

localhost-4000- iphone 6

Medium:

localhost-4000- ipad

Large:

localhost-4000- laptop with mdpi screen

@creuter
Copy link
Contributor Author

creuter commented Sep 21, 2017

Most of the markup changes are removing wrapping <section>s

Copy link

@brendastorer brendastorer left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

A few small things but 🎉 🎉

</section>
</header>

<img class="banner-image" src="<%= static_path(@conn, "/images/illustration.svg") %>">

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should this image have alt text?

>
<li class="dribbble" data-role="dribbble-shot" style="display:none">
<a class="dribbble-link" href="#">
<img class="dribbble-img" src="">

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should this image have alt text?

</section>
<ol class="section-content" data-role="meetup-list">
<li class="meetup-slat" data-role="meetup">
<h4 class="meetup-name" data-role="group-name">Meetup Group Name</h4>

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this indented one too far?

}

@include media($grid-breakpoint) {
display: grid;

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do have need for a fallback or are you comfortable using CSS Grid only? Do you know what the layout looks like without CSS Grid?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm comfortable with it, it's a website for designers. It's still readable without it, though, basically just a scaled up mobile view

* Use CSS Grid for layout
* Add homepage illustration
@creuter
Copy link
Contributor Author

creuter commented Sep 22, 2017

Thanks!

@creuter creuter merged commit bbf02c6 into cr-triangle-designers Sep 22, 2017
@creuter creuter deleted the cr-desktop-illustration branch September 22, 2017 13:14
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants