-
Notifications
You must be signed in to change notification settings - Fork 1.6k
Conversation
views/layouts/main.handlebars
Outdated
<script defer src="/l20n.min.js"></script> | ||
</head> | ||
<body> | ||
<header class="header"> | ||
<div class="send-logo"> | ||
<img src="/resources/send_logo.svg" alt="Send"/> | ||
<h1 class="site-title">Send</h1> | ||
<a href="./"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nit: Can we just use "/" here?
Not sure if a leading zero will cause future issues if we ever do a nested directory structure for some reason.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Sure, should work the same.
public/main.css
Outdated
@@ -615,7 +678,7 @@ tbody { | |||
margin-bottom: -5px; | |||
} | |||
|
|||
@media (max-device-width: 768px) { | |||
@media (max-width: 768px) { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
this needs both rules @media (max-device-width: 768px), (max-width: 768px)
. And the one below too.
max-device-width takes care of phones and devices with different pixel densities. And max-width takes care of when you resize your browser on desktop.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I was testing the desktop version, forgot to add the device part back!
fix media queries
UX Refine WIP
Done:
Todo: