Planning Popular Repositories feature for mobile viewport:
HTML and CSS Suggestions:
[ ] Create a main container (suggested: <div class="popular_repos_wrap">)
[ ] Within the main container, create a level 3 header <h3> with a class named "popular_repos_title" (suggestion only :wink: ) <h3 class="popular_repos_title">.
[ ] Create another container <div> below the level 3 header that includes the list items. Suggestion: use<a> elements instead of an unordered list<ul> to avoid excessive whitespace use.
[ ] Link the list items to the corresponding repositories.
[ ] Include octiconrepo in a <span> within each <a>. Pay special attention to order and element priority. Checkout the ::before pseudo element...
melrodbos
commented
9 years ago
Planning Popular Repositories feature for mobile viewport:
HTML and CSS Suggestions:
<div class="popular_repos_wrap">)<h3>with a class named "popular_repos_title" (suggestion only :wink: )<h3 class="popular_repos_title">.<div>below the level 3 header that includes the list items. Suggestion: use<a>elements instead of an unordered list<ul>to avoid excessive whitespace use.<span>within each<a>. Pay special attention to order and element priority. Checkout the::beforepseudo element...floatingto therightof the<a>element could be introduced in astrongtag since it is bold text.<span>within each<a>. **Notice the use of the::beforepseudo element in the reference implementation. :smile: