Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
35
Comments
22
web-dev-pasta
@web-dev-pasta

All comments

  • Joseph Abdullaah•260
    @Joseph-Abdullaah
    Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud of creating a fully responsive layout using CSS Grid and Flexbox. Next time, i will make the background image of upcoming website look good and responsive

    What challenges did you encounter, and how did you overcome them?

    One challenge was knowing the exact margin, padding in page. I overcame it by using AI to measure it and it did well.

    What specific areas of your project would you like help with?

    I’d like help improving the following things

    How to know where to break the page in responsive design in all device or randomly pick a value. Background image of desktop and mobile.

    fylo-dark-theme-landing-page

    #pure-css#foundation
    1
    web-dev-pasta•820
    @web-dev-pasta
    Posted 2 months ago

    Great job! When it comes to media queries, it's preferred to use Bootstrap's breakpoints. However, in some cases there’s that one div or component that doesn’t look quite right at a standard breakpoint. In such situations, it’s perfectly acceptable to add a custom breakpoint but this should be an exception, not the rule.

    So, in a nutshell:

    • Use Bootstrap breakpoint values (576px, 768px, 992px, 1200px, etc.) for consistency and maintainability.

    • Only add custom breakpoints when a specific element needs exclusive styling that can’t be handled by the default breakpoints.

    • Avoid too many breakpoints fewer breakpoints = simpler, more maintainable code.

    I hope that helped, Happy Coding!🌹🌹

    Marked as helpful
  • DEDI•70
    @DEDI308
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I'm happy to be doing projects that make me learn how to use other properties and learn the function of some codes. This challenge was one of them.

    What challenges did you encounter, and how did you overcome them?

    in general, putting the right proportions of the elements and the media screen that I don't know how to do properly...

    What specific areas of your project would you like help with?

    I'm sure you have some tips on how to use the media screen. I tried to make something responsive, but it ended up looking weird and nothing like the example design. I'll try to do projects and focus a bit on the media screen, I ended up struggling a lot.

    3 column preview

    2
    web-dev-pasta•820
    @web-dev-pasta
    Posted 2 months ago

    Great job!, the problem occurs because there is specific height for the container so anything after that 27rem height will be considered as an overflow that has been hidden using the universal selector so :

    • Remove the height for the container and let the inner content decide the container height.
    • The flex property set for the 3 main divs has set a specific height for each element so anything after that height will be considered as an overflow which is being hidden so you can remove overflow: hidden; from the universal selector, after doing that there will be some overflow-x from setting width: 100vw for the <body>, Another idea to get rid of display: flex; in smaller screen sizes both solutions will have the same effect.
    • Also you can set for the learn more button border: 2px solid transparent; so on hover state no new border will be added.

    There can be some enhancements in your CSS to make it more efficient E.g. as the three main divs share the same properties you can use :

    .container > div {
        display: flex;
        flex-direction: column;
        padding: 3rem;
        gap: 25px;
    }
    

    And just change the colors in each div, always remember DRY😃.

    I hope that helped! Happy Coding!!😃🌹

    Marked as helpful
  • Norton-Vinicius•90
    @Norton-Vinicius
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that I'm able to use the grid better. Before, it was a difficulty I had, and what I would do differently would be to make the layout more similar to the example.

    What challenges did you encounter, and how did you overcome them?

    I had some difficulty organizing the name and the "Verified Graduate" seal, I tried in several ways, but I couldn't solve it.

    What specific areas of your project would you like help with?

    I would like help with the name and verification (Verified Graduate) part, as I was unable to organize it correctly. I would like to know what I did wrong so that it didn't work out.

    Attempted-resolution-to-Testimonials-grid-section-challenge

    2
    web-dev-pasta•820
    @web-dev-pasta
    Posted 3 months ago

    Great job! you've already solved the problem using what you've did in patrick card, you can combine the two <p> into one <div> as using display: flex; for <div class="personal-informations"> flex properties would be divided among three elements which are the <img> and two <p> so when you add the two paragraphs into one div like this :

    <div class="personal-informations">
           <img src="./image-daniel.jpg" alt="Daniel photo">
           <div class="text-info">
           <p class="name">Daniel Clifford</p>
           <p class="description">Verified Graduate</p>
           </div>
    </div>
    

    the flex properties for <div class="personal-informations"> would work on the <img> and <div class="text-info">

    I hope that helped! Happy Coding!!🌹

    Marked as helpful
  • P
    Paul Wonka•260
    @pdoubleu30
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I enjoyed this challenge even though I know there are flaws. I am hoping to get feedback so that next time I try this challenge I will improve.

    What challenges did you encounter, and how did you overcome them?

    The biggest challenge I had was utilizing grid for the desktop version of the page. I was attempting to utilize online resources to get it just right but was unable to as of yet.

    What specific areas of your project would you like help with?

    I know my solution is not perfect so I am open to any and all feedback to improve. I am aware my code is likely too long so if I could get suggestions to simplify that would be appreciated. Also, if I could get tips on how I can improve the spacing more accurately on the header on desktop version using grid or flex box I would be grateful as well. Thank you!

    CSS + HTML

    1
    web-dev-pasta•820
    @web-dev-pasta
    Posted 4 months ago

    Great job Paul!, Here are some modifications:

    • The <div class="maintext__container"> with margin: 0 auto; will ensure your div to be centered the overflow occurs because the margin added to .maintext so you can get rid of it and you will have the desired effect, although you will notice that the content is not perfectly centered in the middle of the screen this happens because the image does overflow its container so you can use
    img {
     max-width: 100%;
    }
    

    This will make sure that any img in your design does not overflow its parent, After than you can use a container with higher width to make it cover full screen, to meet the desired design without overflow.

    • As you have three columns with some content you can include the <section class="buttons"> into <div class="maintext__text", maybe both can reach the same effect but for better controlling its preferred to add it in the second <div> and add some margin bottom for <p class="maintext__text__bottom"> instead of using margin-top with negative values.
    • In smaller screens you can use for <div class="top__flex2">
    .top__flex2 {
      display: flex;
      justify-content: center;
    }
    
    • For mobile screens as .top__flex overflows you can use
    .top__flex {
      justify-content: center;
      overflow-x: hidden;
    }
    

    And with this i think it meets the desired design for mobile version.

    • Use a single responsive container and adjust its layout using media queries e.g. use display: grid; and change the number of columns across breakpoints (e.g., 3 columns on large screens, 2 on medium, and 1 or display: block; on small screens). This approach is better than using multiple containers with different display properties and toggling them with display: none;.

    I hope that helped, I'm here if you need any help! Happy Coding🌹🌹

    Marked as helpful
  • Polariz625•270
    @Polariz625
    Submitted 4 months ago
    What specific areas of your project would you like help with?

    when hovering on the main image of the card, the overlay kind of overflows. someone can give some feedback on how to fix that? I already used overflow: hidden but didn't work :(

    NFT preview card component solution with css only

    1
    web-dev-pasta•820
    @web-dev-pasta
    Posted 4 months ago

    Great job! the overlay problem occurs because the <img> parent does not fit the image size you can overcome this by setting the parent display into inline-block and the img display will be set to block so it can be like this:

    .nft-card-main-img {
      display: inline-block;
    }
    
    .nft-card-main-img img {
      display: block;
    }
    

    I hope that helped!, Happy Coding!!🌹

  • uptown_girl•480
    @uptowngirl757
    Submitted 4 months ago
    What specific areas of your project would you like help with?

    I’d like suggestions on how to improve the overlay effect and fix the issue where it appears oversized.

    NFT preview page with SCSS

    #sass/scss
    1
    web-dev-pasta•820
    @web-dev-pasta
    Posted 4 months ago

    Great job! the overlay problem occurs because the <img> parent does not fit the image size you can overcome this by setting the parent display into inline-block and the img display will be set to block so it can be like this:

    .product__img-container {
      display: inline-block;
    }
    .product__img{
      display: block;
    }
    

    I hope that helped!, Happy Coding!!🌹

    Marked as helpful
  • Isaiah Kelvin•80
    @Vinnykells15
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Completing the challenge

    What challenges did you encounter, and how did you overcome them?

    Css code

    What specific areas of your project would you like help with?

    How to write better responsive css code

    Qr code using css and html

    1
    web-dev-pasta•820
    @web-dev-pasta
    Posted 4 months ago

    Great job!, for responsiveness the image does overflow in smaller screen as it has fixed height and width been set for it, you can use

    .qr-code-image {
      max-width: 100%;
    }
    

    You can use this property whenever you have suitable image sizes to make sure it does not overflow its parent <div>, Happy Coding!🌹

  • Jessica•70
    @JesNetWD
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I think i nailed the vertical alignment if my main element which helps for a more responsive design across variou screen sizes.

    What challenges did you encounter, and how did you overcome them?

    In trying to properly vertically align my main element, i had a bit of a setback as i used different ways to try and properly center it such as position or margin-auto but flexbox worked the best.

    What specific areas of your project would you like help with?

    I would like to know how to fix something at the bottom of a page. My .attribution element was fixed at the bottom of the screen using fixed position but for a vey small screen it could overlap with the other elements. I would like to know how to fix it to the bottom of the page like a page number or a footnote.

    Responsive QR Code Component Using Flexbox

    2
    web-dev-pasta•820
    @web-dev-pasta
    Posted 4 months ago

    Great job!, for your question you can use a property called white-space so in your code you can use it like this :

    .attribution {
      white-space: nowrap;
    }
    

    I hope that helped!, Happy Coding!!🌹

  • ash-kick•140
    @ash-kick
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Struggling with horizontal rule thickness and positioning background images.

    Profile Card Component (1)

    1
    web-dev-pasta•820
    @web-dev-pasta
    Posted 4 months ago

    Great job!, here are some modifications:

    • You can treat the <hr> like a 4 border element with no height this means if you add for it border-top: 1px; there still gonna be remaining 3 borders left, right and bottom, so first you have to set border: none; then add some border-top: 1px solid #eee; so it can look like that :
    hr {
      border: none;
      border-top: 1px solid #eee;
    }
    
    • A better way to do that is to add a border for the closest element which will be easy to control so you can get rid of the <hr> and use this :
    .profile-location {
      border-bottom: 1px solid #eee;
    }
    
    • For the background you can add it as a background-image for the body so you make sure it does not overflow, you can use this :
    body {
        background-image: url(./images/bg-pattern-top.svg), url(./images/bg-pattern-bottom.svg);
        background-repeat: no-repeat, no-repeat;
    }
    

    then adjust its position as you like using background-position.

    • Some elements have some margin and padding by default its preferred to reset these margins using global selector
    * {
      margin: 0;
      padding: 0;
    }
    

    I hope that helped!!, Happy Coding!😃🌹

  • Ekong Providence Osomuko•20
    @GGOsomuko
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I thank God for His wisdom to this task. I reallyappreciate my resilence to try and keep trying until I got quite close.

    Next time, I will ideate better before coding.

    What challenges did you encounter, and how did you overcome them?

    I got stuck with aligning the qr scan code to the proper center of the screen. Then I used flexbox display.

    What specific areas of your project would you like help with?

    How can one get the exact color from a figma design?

    Responsive QR Scan using CSS Flexbox

    #pure-css
    2
    web-dev-pasta•820
    @web-dev-pasta
    Posted 4 months ago

    When you download the pack you will find a file called style-guide.md which will have all colors, fonts and some other information you need in your design, also there is a software called jcpicker a user friendly color picking app, Happy Coding!🌹

  • shreyabajaj•190
    @shreyabajaj12
    Submitted 4 months ago

    media for making it responsive

    1
    web-dev-pasta•820
    @web-dev-pasta
    Posted 4 months ago

    All good!, just use for your image max-width: 100%; to make sure it does not overflow its parent div, you can use this property whenever you have suitable image sizes. Happy Coding!🌹😃

    Marked as helpful
  • P
    Paul Wonka•260
    @pdoubleu30
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud to have "finished" the challenge although it is not perfect. Next time, I seek to complete the challenge faster and accurately.

    What challenges did you encounter, and how did you overcome them?

    The biggest challenge I came across was using media queries to make the code more responsive.

    What specific areas of your project would you like help with?

    If someone could provide guidance on my desktop view it would be greatly appreciated. For some reason, I am having trouble changing margins, and paddings so I'm not sure if some of my written code is preventing me from making further changes. For example, I could not figure out how to make the top right corner of the white container to have a radius, or to get rid of the extra white space on the far right and bottom of the container.

    html, css, media query

    1
    web-dev-pasta•820
    @web-dev-pasta
    Posted 4 months ago

    Great job!! here are some solutions for your questions :

    • As we need the image to be as height as the content we can use background-image property instead of using <img> so whenever your content got too large or too small the image will adjust its size based on the text. let me explain by code :
    1. We will remove the image with class perfume2 <img class="perfume2"> then as the div total makes flex between header and main we can set for both flex: 1; then for header you can use:
    header {
      background-image: url(./desktop.jpg);
      background-size: cover;
    
    1. There will remain a bottom white space coming from padding added for <div class="total"> so we can remove its padding.

    • Then for your universal selector its preferred to reset initial margins and paddings so you can use:
    * {
      margin:0;
      padding:0;
    }
    
    • When you apply these universal selector properties you will notice that the elements stack above each other that's because negative margins used there, you can reset all of them, also you can remove margin from .container2 and add all over padding with like 30px also you can get rid of width and max-width as flex: 1; property will handle these widths.
    • After that you can adjust your <p> , <h1> add some paddings some margins and you will notice that your image is growing and shrinking based on the text content.
    • You can reset border-radius from <div class="total"> and use border-radius: 8px from all edges but you will notice that the image container does not respect this rounding as its a concept whenever you have nested div like this
    <div class="card">
      <div class="box"></div>
    </div>
    

    if you set border-radius for <div class="card">the box will not respect that rounding if the nested box was covering all the area which is happening in our case you can see that the image cover full area, so you can use the property overflow: hidden; so it can look like that:

    .total {  
      border-radius: 8px;
      overflow: hidden;
    }
    

    I hope that helped, I'm here if you need any help! , Happy Coding!!😃🌹

    Marked as helpful
  • Joshua Dean•10
    @JDeanTech
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    A few things I am proud I was able to accomplish:

    1. the hover/focus setting on this project
    2. Setup Github Pages was able to deploy my project
    What challenges did you encounter, and how did you overcome them?

    I had some issues and was able to overcome some of them:

    1. I had some trouble trying to figure out the hover/focus setting, but between AI and a few articles I was able to figure out how to do it for my page
    2. Github Pages would not seem to deploy my project, but just took some troubleshooting and articles to figure it out.
    3. I have been having trouble deciding how and when to use margin vs padding. I did not really overcome this just was able to use another persons same frontend mentor challenge from discord to guide me
    What specific areas of your project would you like help with?

    One thing I wish I knew was how and/or when should I use margin vs padding. I know that's kind of a hard thing to answer. This is my first major project in web development and maybe knowing that just comes with practice and time

    Joshua Dean's Social Links Page

    1
    web-dev-pasta•820
    @web-dev-pasta
    Posted 4 months ago

    Great job! Here are some differences between margin and padding

    • Margin is the outside area of the element it does not count in its size, padding is the inside area of the element and does count in the element size so if you have a <p> with height: 20px; and you add some margin-bottom: 80px; padding-bottom: 20px; the element height will become 40px but will save below it 80px that other elements gonna respect. In many cases they have the same effect like if you have <p> element with display: inline; property using margin-left or padding-left will have the same effect if you don't have a background color Try to use background color and you will clearly catch the difference, finally try both, practice both the more you practice the more you catch differences, Happy Coding!!😃
  • Patrícia Souza•60
    @patsouza
    Submitted 4 months ago

    Reponsive Recipe Page

    1
    web-dev-pasta•820
    @web-dev-pasta
    Posted 4 months ago

    Great Job!!, Here are some modifications:

    • When you have proper image sizes you can use them immediately without adjusting their width manually so in your case you can use :
    .image {
      max-width:100%;
    }
    
    • Using box-sizing: border-box; as a global style ensures consistent element sizing, preventing unexpected layout shifts, especially on smaller screens. This approach helps maintain a predictable and responsive design.
    * {
      box-sizing: border-box;
    }
    

    I often use these global resets using the universal selector :

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      list-style: none;
      text-decoration: none;
    }
    
    • The nutrition section you can use a <table> with width: 100%, four <tr>, two <td> in each on of them so it can be like this :
    <table>
    <tbody>
    <tr>
    <td>Calories</td>
    <td>277kcal</td>
    </tr>
    .
    .
    .
    </tbody>
    </table>
    

    I'm here if you need any help! Keep the great work up, Happy Coding!!!😃

  • ahmed walied•170
    @ahmedcodewalied
    Submitted 4 months ago

    3-column preview card component

    1
    web-dev-pasta•820
    @web-dev-pasta
    Posted 4 months ago

    Great job!, I just have a small modification in this design you don't have to set specific height for the card as in smaller screen sizes the content will overflow, Happy Coding🌹😃

    Marked as helpful
  • Timothy-11•30
    @Timothy-11
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud that I barley used any outside resources, in the future I would spend more time on the details.

    What challenges did you encounter, and how did you overcome them?

    I had a challenge creating a white box around the qr code. I trouble shot for a while then eventually googled something for guidance.

    What specific areas of your project would you like help with?

    How to make rounded edges around the white box

    qr-code-component-main

    1
    web-dev-pasta•820
    @web-dev-pasta
    Posted 4 months ago

    Nice!!, For rounded edges there is a property called border-radius so for your case it can be like that :

    .con {
         border-radius: 15px;
    }
    

    You can also center your card vertically by setting a minimum height for your container so it can be like this :

    .container {
         min-height : 100vh;
    }
    

    Also try to get rid of initial margins and padding so you can use the global selector for it

    * {
         margin: 0;
         padding: 0;
    }
    

    I'm here if you need any help! Happy Coding!!!😃

    Marked as helpful
  • Ewang Desmond•60
    @Des-cx
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    i'm proud cause i learned something new

    What specific areas of your project would you like help with?

    at the level of the nutrition will really need help on the table

    responsive recipe page

    1
    web-dev-pasta•820
    @web-dev-pasta
    Posted 4 months ago

    Great job!!, here are some modifications:

    • You can use max-width property with width: 100% to make sure your content does not exceed this value and when the width is lower than this value the content will shrink so you can set
    .container-1 {
         width: 100%;
         max-width: 800px;
    }
    
    • While all components in your project has the same padding from left and right you can set your padding directly into your <div>class="container-1"</div> .
    • After we set padding for the container that all the components will respect, we can easily remove margins and padding from other components like for example the image we can use
    .img-container img{
         max-width: 100%;
    }
    

    and this will fit the image in its position without overflowing but you have to make sure you are using proper image sizes.

    • In the table you can use
    .nutrition table{
         width: 100%;
         border-collapse: collapse;
    }
    

    Then you can set some padding for your <td>, and add a border bottom for the <tr> it can be like that

    tr:not(:last-child){
         border-bottom: 1px solid #eee;
    }
    

    take into consideration that setting a border for <tr> will not work without using border-collapse: collapse;

    I'm here if you need any help, Happy Coding!!😃

  • Ashraful Islam•100
    @ashrafitachi
    Submitted 5 months ago
    What challenges did you encounter, and how did you overcome them?
    • Making the website responsive to mobile width

    Couldn't solve yet.

    What specific areas of your project would you like help with?
    • Responsive CSS
    • Semantic HTML

    Recipe page

    1
    web-dev-pasta•820
    @web-dev-pasta
    Posted 5 months ago

    Hello👋! I've created a pull request on your repository with some CSS modifications to make your website responsive here are main modifications:

    • Using max-width with width: 100% will make sure your card does not exceed this width and use all of it, when you get lower this width your website will shrink and stay responsive.
    • Setting these global attributes is preferred
    *{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
    }
    
    • After setting these global attributes you have to set margins and paddings for each component in your project, which will make your components easy to control.

    Here are some tips:

    • Don't rely on your eye vision to locate elements position like in the image you used position: relative; left: 13px but a better way to do that is setting max-width:100% for the image and make sure you are using proper image sizes and set some padding for the card this will make it centered by its own with equal paddings from left and right.
    • There is no need to use flex when setting flex-direction: column; and you will not need gaps or changing direction in other media queries flex here is not useful.

    Give my pull request a look, I'm here if you need any help! Happy Coding!!!😃

    Marked as helpful

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub