Skip to content

Submiting my last solutions to flex exercises #673

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 10 commits into
base: main
Choose a base branch
from

Conversation

Sebatiantorres
Copy link

@Sebatiantorres Sebatiantorres commented Apr 8, 2025

Because

This PR

Issue

Closes #XXXXX

Additional Information

Pull Request Requirements

  • I have thoroughly read and understand The Odin Project Contributing Guide
  • The title of this PR follows the location of change: brief description of change format, e.g. 01-flex-center: Update self check
  • The Because section summarizes the reason for this PR
  • The This PR section has a bullet point list describing the changes in this PR
  • If this PR addresses an open issue, it is linked in the Issue section
  • If applicable, I have ensured that the TOP solution files match the Desired Outcome image

    - Apply changes to the solution.css file to center the box using flexbox

By: Sebastian Torres
    - added flexbox layout using flexbox properties
    - Set 0 margin and padding to body
    - Set display to flex on header
by: Sebastian Torres
    - Add flexbox properties to create a responsive header layout
    - Respect the design specifications of image
By: Sebastian Torres
    - Edit the html.
    - Add css rules to make the layout responsive.
    - Add solution image to this and past exercise
by: Sebastian Torres
@Sebatiantorres
Copy link
Author

In this section I solve

Exercise number 1,2,3,4 of flex exercises in foundations

    -Restructure the HTML and CSS to create a modal using flexbox
    -Add styles to make the modal responsive and visually appealing
by: Sebastian Torres
    -Changed flex-direction to row for the links
    -Changed flex-direction to column for the main content
    -Changed flex-direction to row for the footer
    -Changed color of the links and opacity
    -Quit the initial styles of buttons
    -Quit the text-decoration of the links
    -Quit the list-style of the ul
by: Sebastian Torres
    -solution 1, 2, 3, 4, 5
by: Sebastian Torres
    - Modify the header basing of the design
    - Modify the sidebar basing of the design
    - Modify the main content basing of the design
    - Modify the footer basing of the design
    - Add the solution image
by: Sebastian Torres
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant