Skip to content
OverviewSolutions
13
Comments
6
Stephen Johnston
@sjohnston82

All comments

  • KOUSHIK KV•30
    @kvk1999Submitted 10 months ago

    Hello and Welcome to all,

    1. (I) During a project, several difficulties may arise. These could include unforeseen circumstances such as changes in material costs, labor shortages, or unexpected weather (II) Additionally, lack of communication can be a significant challenge, as effective and timely communication is crucial for project success (III) Other common difficulties in project management can include scope changes, resource allocation, and stakeholder involvement, among others
    2. Here’s my code, what is wrong with it? body { font-family: $ff-rubik; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;

    &::-webkit-scrollbar { width: 6px; } 3. Does this still make sense?

    Interactive comment Section

    1
    Stephen Johnston•320
    @sjohnston82Posted 10 months ago

    It looks great!

    One thing you could consider doing is calling your Comment component recursively, which would allow for multiple levels of nesting in comments, instead of replies to replies being at the same level as the original reply.

    Marked as helpful
    0
  • CasteAwayy•30
    @CasteAwayySubmitted about 1 year ago

    I really am struggling choosing font-family

    HTML, CSS

    1
    Stephen Johnston•320
    @sjohnston82Posted about 1 year ago

    If you look in the style-guide.md file provided in the download, it shows you the font that is used.

    2
  • Stephen Johnston•320
    @sjohnston82Posted about 1 year ago

    Running a javascript function that runs some email regex on the input when it submitted and then setting the input into localStorage when it is validated is all that's needed for the form to validate and carry over the email address to the confirmation page, no server necessary. Although after looking it looks like you had the validation part covered.

    Marked as helpful
    0
  • Divine Ebube Ifechukwude•10
    @Ebi-TechSubmitted about 1 year ago

    1. Design and Styling

    • How does the overall design and styling of the component look to you?
    • Are the color choices and typography visually appealing and easy to read?
    • Do you have any suggestions for improving the design aesthetics?

    2. Code Structure

    • Is the code well-organized and easy to follow?
    • Are there any parts of the code where you have difficulty understanding its purpose?
    • Do you have suggestions for improving code structure or modularization?

    Mobile responsive design using Next and React

    1
    Stephen Johnston•320
    @sjohnston82Posted about 1 year ago

    Nice project! A couple of things I would comment on is that since you are using tailwind, its really easy to start with the mobile version first and just add your screen sizes in front of the classes (lg:mt-12) for example for the desktop version. Also, I saw that you were using w-[50%] which can be easily replaced as w-1/2.

    For correctly sizing the component, one method I found has been working for me is to pull the design image into a browser tab and then inspect it to get the dimensions instead of just eyeballing it.

    Hope this helps.

    Marked as helpful
    0
  • Stephen Johnston•320
    @sjohnston82Posted about 1 year ago

    Does anyone know why my styling for the prices wouldn't show up in the screen shot when it does in the live site?

    0
  • Alex Garcia 🦝 Garcialexco•440
    @garcialexcoSubmitted over 1 year ago

    Hello! Here is my solution for this challenge. 🎉

    I had a lot of fun coding this challenge. The Javascript was the most difficult part, but it made a lot of sense after a while of tinkering.

    Any ideas on how to improve in any way are greatly appreciated! Much thanks. 🙏🏽👻

    Newsletter Sign-Up Form

    1
    Stephen Johnston•320
    @sjohnston82Posted over 1 year ago

    The styling looks great! One thing I noticed was you are not passing the input email to the success page.

    This can easily be done by setting the form data into local storage and then retrieving it on the success page:

    let userEmail = document.getElementById("emailAddress").value;
localStorage.setItem("email", userEmail);

    and in a script tag on the success page:

    const email = localStorage.getItem("email");
const spanElement = document.getElementsByClassName("user-email-success")[0];
spanElement.textContent = email;
    Marked as helpful
    1