Skip to content
OverviewSolutions
13
Comments
13
P
Alexander3717
@Alexander3717

All solutions

  • Password generator made in vanilla JavaScript

    #bem#sass/scss
    P
    Alexander3717•310
    Submitted 22 days ago
    1 comment

  • Tip calculator made in vanilla JavaScript

    #sass/scss#bem
    P
    Alexander3717•310
    Submitted about 1 month ago

    If you test the calculator and notice anything that doesn't feel right, please mention it. It's important to me that it works properly. In case you also take the time to look at the code and have suggestions, don't hesitate to comment; I am happy to hear any feedback.

    1 comment

  • Responsive time tracking dashboard made with CSS Grid and subgrid

    #bem#sass/scss
    P
    Alexander3717•310
    Submitted about 1 month ago
    1 comment

  • Responsive newsletter sign-up form using Constraint Validation API

    #bem#sass/scss
    P
    Alexander3717•310
    Submitted about 2 months ago

    Please do you think the form UX is good? I tried to make it realistic and would like to know if others also perceive it that way or if anything feels off.

    1 comment

  • Responsive meet landing page made with flexbox and grid

    #bem#sass/scss
    P
    Alexander3717•310
    Submitted about 2 months ago

    Despite trying different text-wrap options, I couldn't get some texts to wrap as they do in the design.

    For example in the desktop layout, the heading "Smarter meetings, all in one place" should wrap after "all" on 1440p screen width but in my solution it wraps after "in" or after "meetings" in Firefox.

    If you know any tricks for getting the text to wrap as you want it to, I'd really appreciate if you shared them.

    Any feedback regarding other aspects of the solution is welcome too, of course!

    1 comment

  • Responsive testimonials section made with grid-template-areas

    #sass/scss#bem
    P
    Alexander3717•310
    Submitted 2 months ago

    Do you think this HTML structure for the testimonials is fine? Would you do it differently?

    <article class="testimonial testimonial--purple dclifford">
  <header class="testimonial__header">
    <div class="testimonial__author">
      <img src="images/image-daniel.jpg" alt="Daniel Clifford">
      <p>
        <span>Daniel Clifford</span>
        <br>
        Verified Graduate
      </p>
    </div>
    <h2 class="testimonial__summary">
      I received a job offer mid-course, and the subjects I learned were current, if not more so, 
      in the company I joined. I honestly feel I got every penny’s worth.
    </h2>
  </header>
  <blockquote class="testimonial__quote">
    I was an EMT for many years before I joined the bootcamp. I’ve been looking to make a 
    transition and have heard some people who had an amazing experience here. I signed up 
    for the free intro course and found it incredibly fun! I enrolled shortly thereafter. 
    The next 12 weeks was the best - and most grueling - time of my life. Since completing 
    the course, I’ve successfully switched careers, working as a Software Engineer at a VR startup.
  </blockquote>
</article>

    I'd also appreciate feedback on how I handled the responsiveness of the grid. In each layout (mobile, tablet, desktop) I tried to give it a reasonable max-width so the testimonials wouldn't stretch too wide. Do you think this approach works, or is there something I should improve?

    1 comment

  • Four card feature section made with CSS Grid

    #sass/scss
    P
    Alexander3717•310
    Submitted 2 months ago

    If you notice anything off with the page layout (on any screen size ranging up from 320px), please don't hesitate to comment. I'm here to learn how to properly make pages responsive and appreciate any feedback, even if it's critical.

    Feedback on other aspects like semantics, code clarity, or best practices is very welcome too.

    1 comment

  • Article preview component made with flexbox and vanilla JavaScript

    #sass/scss
    P
    Alexander3717•310
    Submitted 2 months ago

    If you know a better way to handle the share button logic or have tips to make my code cleaner and more professional please feel free to share them. This is my first solution using JavaScript and I'll appreciate any feedback that helps me learn.

    Also, if you notice anything wrong with the page layout or responsiveness, please don't hesitate to comment.

    1 comment

  • Product preview card built with flexbox and picture element

    #sass/scss
    P
    Alexander3717•310
    Submitted 3 months ago
    1 comment

  • Responsive recipe page using flexbox and media queries, styled in SCSS

    #sass/scss
    P
    Alexander3717•310
    Submitted 3 months ago

    On this challenge I tried SASS (scss syntax) for the first time. Did I use it as it's supposed to be used or did I just unnecessarily complicate the code in some places? Did I nest too much? Was using mixins for the media queries and then including them in rules which are affected by screen size a good idea or is it better to just specify the media queries at the end?

    Also, did I choose the right elements for the HTML structure or would you do something differently?

    Thank you very much for feedback.

    1 comment

  • Responsive social links profile using flexbox and clamp()

    P
    Alexander3717•310
    Submitted 3 months ago
    2 comments

  • Responsive blog preview card using flexbox and clamp() functions

    P
    Alexander3717•310
    Submitted 4 months ago
    1 comment

  • QR code component made using flexbox

    P
    Alexander3717•310
    Submitted 4 months ago
    1 comment